- ホーム
- ロゴメーカー
テキスト・アイコンロゴ作成
ブランド名、イニシャル、アイコンからシンプルなロゴを無料で作成できます。登録は不要です。完成したロゴからファビコンやアプリアイコンも生成できます。
ブラウザでロゴをデザインする
タイプを選択し、名前を入力し、アイコンと色を選択します。プレビューはライブで更新され、入力した内容はこのページから残ります。
デザイナーテンプレート12
自分のものにしましょう
カスタムカラー
ブランドマークを立ち上げるために必要なものすべて
デザインスキルも登録も費用もかかりません。
テキストとイニシャルのロゴ
ブランド名やモノグラムを鮮明でバランスのとれたマークに変えます。
数千のアイコン
完全な lucide アイコン セットを検索し、ロゴに 1 つドロップします。
ベクターSVGエクスポート
ロスレス SVG と 512 および 1024 ピクセルの PNG をダウンロードします。
ワンクリックアセット
ロゴをファビコンとアプリアイコンの生成に直接パイプします。
100% ブラウザ内
ロゴはローカルでレンダリングされます。ロゴをデザインするためにアップロードされるものは何もありません。
永久無料
メーカーにはウォーターマークもアカウントもペイウォールもありません。
ロゴの作り方
アイデアから完全なアセット パックまでの 3 つのステップ。
- 1
名前またはアイコンを追加します
ブランド名またはイニシャルを入力し、アイコン ライブラリであなたの分野に合ったシンボルを検索します。短い名前、つまり 1 つか 2 つの単語、または 2 ~ 3 文字のモノグラムが最適です。
- 2
スタイルを整える
背景の形状、レイアウト、パレットを選択するか、前景色、背景色、グラデーションの色を微調整します。ライブ プレビューに注目して、マークが小さくても読みやすいかどうかを確認してください。
- 3
アセットのエクスポートと生成
ロゴをロスレス SVG または高解像度 PNG としてダウンロードするか、1 回クリックして、すべてのプラットフォームに接続された完全なファビコンとアプリアイコンのパッケージを生成します。
どのタイプのロゴを作成する必要がありますか?
4 つのクラシックなロゴ ファミリー - それぞれが最適に機能する場合。
ロゴは大きく4つのタイプに分けられます。ブランドに合う型を先に決めると調整しやすくなり、ファビコンまで縮小したときの見分けやすさも考えられます。
ワードマーク
短くて覚えやすい名前
ワードマークは、完全なブランド名を特徴的な書体で設定します。これは、Google とコカ・コーラが構築したアプローチです。知名度が早く上がるため、短い名前の新しいブランドに最適です。 1 つか 2 つの単語にとどめてください。長い名前はヘッダー内で窮屈になり、小さな配置では読みにくくなります。
レターマーク/モノグラム
長い名前や発音しにくい名前
IBM、HP、NASA のように、レターマークはあなたの名前を 1 ~ 3 つのイニシャルに要約します。最もコンパクトなロゴ タイプであるため、タブ バー、アバター、アプリ アイコンで鮮明なままです。シンプルな形の中に太字で書かれたオールキャップのイニシャルは、16 ピクセルでもはっきりと読み取れます。
アイコン・絵マーク
アプリ、アバター、ステッカー
アイコンマークは文字を含まない純粋な記号です。これはアプリのアイコンやソーシャル プロフィールに最適ですが、新しいユーザーはまだ抽象的なシンボルを名前に結びつけることができません。そのため、若いブランドは通常、アイコンを単独で使用するのではなく、テキストと組み合わせます。
コンビネーションマーク
ほとんどの新しいブランドと製品
コンビネーションマークは、シンボルとブランド名を組み合わせた形式です。サイトや資料では両方を並べ、小さなファビコンやアプリアイコンではシンボルだけを使うなど、表示サイズに応じて展開しやすいのが特長です。
ロゴカラー心理学の実践
色はロゴが送信する最も速い信号です。投影したい感情に合わせて選んでください。
| 色 | それが何を知らせるか | に共通する |
|---|---|---|
| ブルー | 信頼、信頼性、プロフェッショナリズム — 大多数のクレジット カード ブランドやテクノロジー ブランドがそれに頼る理由 | テクノロジー、金融、ヘルスケア |
| 赤 | エネルギー、情熱、緊急性。食欲さえ刺激します | 食品、小売、エンターテイメント |
| 緑 | 成長、健康、自然、そして静けさ | ウェルネス、サステナビリティ、フィンテック |
| イエロー/オレンジ | 楽観主義、親しみやすさ、遊び心のあるエネルギー | 食品、子供向け、クリエイティブ ブランド |
| ブラック/グレー | 洗練、権威、そしてミニマルな贅沢 | ファッション、プレミアムグッズ、自動車 |
| パープル/ピンク | 創造性、想像力、そして現代の若々しさ | 美容、教育、SaaS |
- まずは1色か2色から始めましょう。色が増えるたびに、ロゴをプリント、刺繍、暗いインターフェイスに適応させる作業が倍増します。
- 最初に単色バージョンをデザインします。マークがフルカラーでのみ機能する場合、請求書、彫刻、およびモノクロ UI では失敗します。
- ブラウザのダークテーマでロゴが消えないように、ライトオンダークとダークオンライトのバリアントを維持してください。
- 小さいサイズでのコントラスト: 前景と背景のコントラストが少なくとも 3:1 であれば、混雑したタブ バーでもファビコンが読みやすくなります。
テキストロゴのタイポグラフィーのヒント
書体は、テキスト ロゴのブランディング作業の半分を果たします。
セリフ対サンセリフ
セリフ体は伝統や品格を表現しやすく、法律、金融、高級品などのブランドと相性があります。サンセリフ体は現代的で親しみやすく、線が単純なので小さくしても比較的読みやすい書体です。ファビコンやアプリアイコンにも使うなら、サンセリフ体か太めのセリフ体を選びましょう。
小さいときは体重が重要
ボールドやブラックは、ロゴを縮小しても形が残りやすい太さです。細い線は32 px未満でかすれることがあります。細い書体を使いたい場合は大きな表示に限定し、アイコン用には太いウェイトを用意してください。
文字の間隔が雰囲気を決める
すべて大文字のテキストを使用した寛大な追跡は、プレミアムで落ち着いた印象を与えます。これは典型的な高級ブランドの動きです。狭い間隔は密度が高くテクニカルに感じられます。太字の文字は視覚的に結合しないように、通常の文字よりもわずかに広い間隔が必要です。
モノグラムのテクニック
イニシャルに意図的な印象を与えます。文字を重ねたり、ストロークを共有したり、円や盾などの単純な形状の中に文字を配置したりできます。強いウェイトの中に大文字を 2 つまたは 3 つ入れるのが最も耐久性のあるレシピです。
SVG、PNG、ICO: いつどの形式にするのか?
1 つの形式を選択するのではなく、それぞれの形式が最も強力な場合に使用します。
| 能力 | SVG | PNG | ICO |
|---|---|---|---|
| 品質を損なうことなくスケールできる | はい — ベクトル | いいえ — 固定ピクセル | いいえ — 固定ピクセル |
| 透明な背景 | はい | はい | はい |
| ロゴの一般的なファイル サイズ | 小さい (多くの場合 5 KB 未満) | 中型、サイズが大きくなるにつれて大きくなる | 小規模で複数のサイズのバンドル |
| 後から編集可能 | はい、それは読みやすいコードです | いいえ | いいえ |
| 1 つのファイルに複数のサイズがある | 1 つのファイルであらゆるサイズに対応 | サイズごとに 1 つのファイル | はい — 16/32/48 が埋め込まれています |
| として最適な使用法 | マスターファイル、Web、印刷 | アバター、ドキュメント、マーケットプレイス | 従来のファビコンのフォールバック |
実際には、SVG をマスター ファイルとして保持し、ビットマップが必要な場所には PNG をエクスポートし、古いブラウザやピン留めされたショートカットが常にアイコンを見つけられるように favicon.ico を配布します。以下のワンクリック アセット パックは、単一のソースから 3 つすべてを生成します。
ロゴサイズのチートシート
実際に要求されるサイズが 1 つの表にまとめられています。
プラットフォームごとにクロップとスケーリングの方法が異なります。ビットマップを拡大または縮小するのではなく、正確なターゲット サイズで SVG からエクスポートすると、どこでもエッジが鮮明なままになります。
| 配置 | 推奨サイズ | 注意事項 |
|---|---|---|
| ウェブサイトのヘッダー | SVG、または PNG 幅約 400 ピクセル (2x) | ほとんどのヘッダーでは、ロゴは幅 120 ~ 250 ピクセルで表示されます。 2 倍のエクスポートにより、Retina スクリーン上でも鮮明なままになります |
| ソーシャルプロフィール写真 | 800×800ピクセルのソース | Facebook、X、LinkedIn、YouTube はアバターを円形に切り抜き、主要な要素を中央に配置します |
| 電子メールの署名 | PNG ≤ 幅 320 ピクセル | すべてのメール クライアントで高速に読み込まれる必要がある小さなマーク |
| ファビコンファミリー | 16、32、48 ピクセルを 1 つの .ico に収める | ブラウザのタブ、ブックマーク、Windows タスクバー。 32 ピクセルは、最新の画面で最もよく見られるサイズです |
| アプリと PWA アイコン | 180、192、512 ピクセル PNG | Apple タッチ アイコン、Android ホーム画面、PWA インストール、およびストアの掲載情報 |
| 印刷する | 300 DPI のベクター (SVG/PDF) | 名刺、パッケージ、商品 — 印刷用にビットマップを拡大しないでください |
ファビコン ファミリは、手作業で最も間違えやすいセットです。以下の完全なパックを生成するか、専用ジェネレーターを使用して任意のイメージからパックを構築し、ライブ サイトを監査してすべてのタグが解決されていることを確認します。
ワンクリック アセット パックには何が含まれていますか?
「すべてのプラットフォームのアセットを生成」をワンクリックするだけで、デザインがすぐに出荷できるバンドルに変わります。
favicon.ico
マルチサイズ ICO (16、32、48 ピクセル) はユニバーサル フォールバックとしてサイトのルートから提供されます
favicon.svg
最新のブラウザー用のベクター ファビコン — 1 つのファイル、すべての解像度
favicon-16x16.png / favicon-32x32.png
高 DPI タブバーとブックマーク用の鮮明な PNG ファビコン
apple-touch-icon.png
iOS がホーム画面のブックマークと Safari に使用する 180×180 のアイコン
アンドロイドクローム-192x192.png / 512x512.png
Android ホーム画面、Chrome インストール、および PWA スプラッシュ アイコン
HTML + マニフェスト スニペット
生成されたパスに事前に配線されている <head> タグ、manifest.json、browserconfig.xml をコピーして貼り付けます。
に最適
マークが必要なときはいつでもすぐに開始できます。
サイドプロジェクトとMVP
プレースホルダーではなく実際のロゴを付けて出荷します。
開発者
ファビコンとアプリのアイコンを数分で作成します。
スタートアップ
デザイナーを雇う前に、ブランドの方向性をプロトタイプ化します。
イベントとコミュニティ
ミートアップ、Discord、ニュースレターのマークをスピンアップします。
よくある質問
ロゴメーカーに関するすべて。
ロゴメーカーは本当に無料ですか?
はい、完全に。デザイン、SVG と PNG のダウンロード、ファビコンとアプリアイコン パッケージの生成はすべて無料で、アカウント、透かし、解像度のペイウォールはありません。多くのロゴ ツールは低解像度の PNG のみを提供し、ベクター ファイルの料金を請求します。ここで、SVG マスター ファイルは無料ダウンロードの一部です。
ここで作ったロゴを商用利用してもいいですか?
はい。作成したデザインは、出典表記なしでビジネスサイト、製品、販促物に利用できます。収録アイコンは、商用利用可能なISCライセンスのオープンソースアイコン集Lucideを使用しています。商標としての独占的な権利が必要な場合は、利用地域の制度に沿って登録をご検討ください。
オンラインツールで作成したロゴを商標登録できますか?
デザインを利用できることと、商標権を取得することは別です。商標には各国・地域での登録と、出所を識別できる独自性が求められます。既成アイコンをそのまま使うより、独自の文字や編集したシンボルを組み合わせるほうが差別化しやすくなります。出願前の判断は専門家へご相談ください。
どのような形式でエクスポートできますか?
ロスレス ベクター SVG と 512×512 および 1024×1024 の PNG。 SVG はマスター ファイルです。品質を損なうことなく、あらゆるサイズに拡張できます。もう 1 回クリックすると、同じデザインが、ICO、PNG、マニフェスト スニペットを含む完全なファビコンとアプリアイコンのパッケージに変わります。
ロゴには PNG よりも SVG の方が適していますか?
彼らはさまざまな仕事をしています。 SVG はベクター形式です。無限に拡張可能で小さく、後で編集できるため、適切なマスター ファイルになります。 PNG は、アバター、ドキュメント、マーケットプレイスなど、あらゆる場所で機能する透明性のあるビットマップです。 SVG を信頼できる情報源として保持し、各プラットフォームが要求するサイズで PNG コピーをエクスポートします。
デザイン中にロゴをサーバーにアップロードしますか?
いいえ、エディターは完全にブラウザー内で実行され、プレビューはローカルでレンダリングされるため、作業中にブランド名とデザインがデバイスから離れることはありません。 [すべてのプラットフォーム アセットを生成] をクリックした場合にのみ、完成したイメージがジェネレーターに送信され、アイコン パッケージが生成されます。
自分のロゴをファビコンにするにはどうすればよいですか?
ロゴの正式名ではなく、アイコンまたはモノグラム バージョンを使用してください。完全なワードマークは 16 ピクセルでは判読できません。次に、[すべてのプラットフォーム アセットを生成] をクリックして、favicon.ico、PNG ファビコン、apple-touch-icon、Android アイコン、マニフェスト スニペット、およびサイトの先頭に貼り付ける HTML タグを取得します。
ファビコンとしてロゴがぼやけて見えるのはなぜですか?
通常、原因は 3 つのうち 1 つです。アイコンがターゲット サイズでレンダリングされずに大きなビットマップから縮小された、デザインの詳細が 16 ピクセルのキャンバスに対して多すぎる、または細いストロークと低コントラストのブラーが一緒になっている。太字のモノグラムやシンボルに簡略化し、SVG からレンダリングして、Favicon Checker でライブ結果を監査します。
自分のイニシャルからモノグラムロゴを作成するにはどうすればよいですか?
1 ~ 3 つのイニシャルを使用します。2 文字または 3 文字の大文字が最適です。エディタをテキスト モードに切り替え、太字のウェイトを使用します。円や角丸四角形などの単純な図形を追加してまとまりを持たせ、小さなサイズで文字が結合しないように少し文字の間隔をあけます。
ロゴには何色を使用する必要がありますか?
特に最初は 1 つか 2 つです。色を追加するたびに、ロゴを印刷、刺繍、ダーク モード、およびモノクロ コンテキストで再現するのが難しくなります。最初に単色バージョンをデザインします。マークがまだはっきりと読める場合、色は松葉杖ではなく補強になります。
セリフ書体とサンセリフ書体どちらを選択すべきですか?
セリフ書体には伝統と権威があり、法律、金融、出版、高級品に適しています。サンセリフ体はモダンな印象を与え、小さいサイズでも読みやすいため、ほとんどのテクノロジー ブランドがサンセリフ体を使用しています。ロゴをファビコンまたはアプリのアイコンとしても使用する必要がある場合は、サンセリフ体または非常に太いセリフ体を選択してください。
ロゴの背景は透明にする必要がありますか?
ロゴがどのページにもきれいに表示されるように、マスター エクスポートは透明 (SVG または PNG) である必要があります。ただし、ファビコンやソーシャル アバターの場合は、通常、背景を単色にすることで読みやすさが向上します。透明部分の白いマークは、明るいインターフェイスでは消えます。このエディターの背景形状の切り替えは、まさにその理由から存在します。
Web サイトのヘッダーやソーシャル メディアのロゴはどのくらいのサイズにすべきですか?
ヘッダーの場合、幅約 400 ピクセルの SVG または 2x PNG は、通常の 120 ~ 250 ピクセルの表示幅をカバーします。ソーシャル プロフィールの場合、ほとんどのプラットフォームではアバターが円形に切り取られるため、800×800 のソースをアップロードし、主要な要素を中央に配置します。上記のサイズに関するチートシートには、配置の完全なセットがリストされています。
Want to go deeper?
Favicon Optimization Across Different Browsers