AI でロゴを作成
事業内容と希望するデザインを入力して、シンボル案を生成します。ブランド名、書体、レイアウトを調整し、PNG のロゴをダウンロードできます。
AI 機能にはログインが必要です。対象アカウントはロゴ 1 点を無料で試せます。クレジット購入後は、1 回につき最大 4 案の生成と AI による修正が利用できます。
AI ロゴ生成ツールを試す無料・登録不要
ロゴからファビコンとアプリアイコンを作成
1枚のロゴから、Webサイトやアプリ、PWAに必要な画像を用意。各サイズのファイルをまとめてダウンロードし、設定例を参考に導入できます。
ロゴ画像をアップロード
PNG・JPG・SVG／10 MBまで
ここに画像をドラッグ＆ドロップ
無料・透かしなし
PNG · JPG · SVGWeb・PWA・SNS向け素材
用途に合った画像をまとめて作成
公開に必要なアイコンを準備
画像と設置コードを作成し、実際のプロジェクトで確認できます。
favicon、180pxのApple Touchアイコン、通常・maskableのPWAアイコン、SNS向けPNGを生成します。iOS・Androidアプリ用パッケージは専用ツールで作成できます。
目的に合わせて選ぶ
アイデアから、手動で、または既存のロゴから
AI で新しいシンボルを考える、文字とアイコンを自分で組み合わせる、既存のデザインを図柄として使う。目的に合った方法で始められます。
自分でロゴをデザイン
Logo Maker で文字とアイコンを組み合わせ、色と配置を直接調整します。作りたいデザインが決まっている場合に適しています。
ブラウザーの編集画面で自分でデザインを調整する方法です。AI による生成は使用しません。
Logo Maker を開く既存のロゴを使う
SVG、PNG、JPG をアップロードして、ファビコンやアプリアイコンの作成に進めます。現在のブランドデザインをそのまま活用できます。
別の AI ツールで作成したロゴも、対応する画像形式で書き出してからアップロードできます。
ロゴをアップロードAI ロゴ生成ツールと Logo Maker には、各プラットフォーム用の画像を作成する次の手順への入口があります。ダウンロードした画像を個別のアイコンツールで使うこともできます。
使い方
画像の選択からダウンロードまで、4ステップ
画像のアップロード、AI によるロゴ生成、ブラウザーでの手動デザインから始め、プロジェクトに必要な画像を準備できます。
📤
ロゴをアップロード、または作成
SVG、PNG、JPG をアップロードします。まだデザインがない場合は、AI ロゴ生成ツールや Logo Maker で作成し、選んだ結果からアイコン作成に進めます。
⚙️
出力を設定する
専用ツールで、用途に合わせてサイズ・背景色・余白などを調整します。
✨
作成して確認する
選んだファイルを生成し、公開前にレポートとプレビューを確認します。
🚀
ダウンロードして設定する
ファイルをダウンロードし、コード例を参考にサイトやアプリへ組み込みます。
用途からツールを選ぶ
AI によるロゴデザインから、ファビコン、アプリアイコン、サイト設定ガイドまで。次の手順に合ったツールを選べます。
ファビコン
- ファビコン作成Webサイトのファビコンや、ホーム画面用のアイコンを作成できます。
- 文字からファビコン作成文字やイニシャルからファビコンを作成。色と形を選び、ICO・PNGをダウンロードできます。
- Apple Touchアイコン作成iPhone・iPadのホーム画面用に、不透明な180×180 PNGを作成できます。
- ファビコンプレビューブラウザタブ、Google検索、ブックマーク、ショートカット、ホーム画面で表示を確認できます。
- ファビコンの確認公開サイトのファビコン画像と設定を確認できます。
- PNGからICOに変換ソフトのインストール不要で、PNG画像をfavicon.icoに変換できます。
- SVGファビコン作成ダークモードの設定にも対応したベクター形式のファビコンを作成できます。
ロゴ作成
作成できるファイル
各プラットフォームで使える形式
用途別のツールで、次のようなファイルを作成できます。
ブラウザー用
- favicon.ico (16/32/48px)
- favicon.svg
- favicon-16x16.png
- favicon-32x32.png
ホーム画面用
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
- android-chrome-512x512-maskable.png
SNS用
- og-image.png (1200×630)
- avatar.png (800×800)
- social-400x400.png (400×400)
設定ファイル・コード
- HTMLのheadに追加するタグ
- manifest.json
- Next.jsのメタデータ
- browserconfig.xml
Favicon
16x16 - 48x48
Apple Touch
180x180
PWA Maskable
512x512
OG Image
1200x630
公開前の準備
実際の表示場面に合わせてロゴを整える
AI のデザイン案や完成したロゴから、次の準備に進みましょう。以下のツールでアイコンを作成し、ブランドの見え方を確認できます。
小さいファビコンの見え方を確認
ブラウザーのタブなどで画像をプレビューします。ロゴを縮小したときに、細部が消えたり見分けにくくなったりしないか確認しましょう。
ファビコンをプレビュー公開済みのサイトを確認
公開サイトの URL を入力して、ファビコンのファイルと HTML のタグを調べます。アイコンが表示されない場合や設定の問題を探す際に役立ちます。
サイトのファビコンを確認ホーム画面用のアイコンを準備
PWA アイコンと manifest を生成します。選んだ形状に合わせて maskable の設定を調整し、セーフエリアをプレビューできます。
PWA アイコンを作成アプリアイコンの各サイズを出力
選んだ画像から iOS と Android 用のアイコン画像を作成します。プロジェクトに必要なプラットフォームを選んで出力できます。
アプリアイコンを生成プレビューは表示場面を再現したものです。Favicon Checker にはアクセス可能な公開サイトの URL が必要です。
Logo Foundryでできること
画像の準備を手早く済ませて、開発に集中。
今あるロゴを活用
同じ元画像からブラウザ、ホーム画面、SNS向けの素材を準備できます。ネイティブアプリ用にはApp Icon Generatorを使ってください。
画像と設定例を一緒に用意
作成ツールには、画像の配置や設定に役立つコード例も含まれています。
公開前に見え方を確認
レポートは不足ファイルや視認性の問題を調べる手がかりになります。WCAG監査、実機テスト、プラットフォームの承認を代行するものではありません。
登録せずに利用開始
主な作成ツールは無料で利用でき、画像に透かしは入りません。細かく調整したい場合は、用途別の専用ツールを選んでください。
よくある質問
画像の準備やファイルの使い方について