ロゴからファビコンとアプリアイコンを作成
1枚のロゴから、Webサイトやアプリ、PWAに必要な画像を用意。各サイズのファイルをまとめてダウンロードし、設定例を参考に導入できます。
ロゴ画像をアップロード
PNG・JPG・SVG/10 MBまで
ここに画像をドラッグ&ドロップ
無料・透かしなし
用途に合った画像をまとめて作成
公開に必要なアイコンを準備
用途別のツールで、サイズごとの手作業を減らせます。

使い方
画像の選択からダウンロードまで、4ステップ
元のロゴを用意して、用途に合った出力を選びます。
ロゴ画像を選ぶ
SVG・PNG・JPGに対応しています。くっきりした正方形の画像がおすすめです。
出力を設定する
専用ツールで、用途に合わせてサイズ・背景色・余白などを調整します。
作成して確認する
アイコンを作成し、設定する前にプレビューで見え方を確認します。
ダウンロードして設定する
ファイルをダウンロードし、コード例を参考にサイトやアプリへ組み込みます。
用途からツールを選ぶ
アイコンの作成・変換・確認に使えるツールをまとめました。「英語」と表示されたリンクは英語版のページを開きます。
変換
作成できるファイル
各プラットフォームで使える形式
用途別のツールで、次のようなファイルを作成できます。
ブラウザー用
- favicon.ico (16/32/48 px)
- favicon.svg
- favicon-16.png
- favicon-32.png
ホーム画面用
- apple-touch-icon-180.png
- android-chrome-192.png
- android-chrome-512.png
- maskable-512.png
SNS用
- og-image-1200x630.png
- avatar-800x800.png
- twitter-header.png
- linkedin-banner.png
設定ファイル・コード
- HTMLのheadに追加するタグ
- manifest.json
- Next.jsのメタデータ
- browserconfig.xml
Favicon
16x16 - 48x48
Apple Touch
180x180
PWA Maskable
512x512
OG Image
1200x630
Logo Foundryでできること
画像の準備を手早く済ませて、開発に集中。
今あるロゴを活用
ひとつのロゴをファビコンやアプリアイコン、SNS用画像に展開できます。用途ごとに最初から作り直す必要はありません。
画像と設定例を一緒に用意
作成ツールには、画像の配置や設定に役立つコード例も含まれています。
公開前に見え方を確認
小さいサイズでも見やすいかを確認できます。PWAツールでは、マスクの形状を切り替えてロゴがセーフエリアに収まるか確認できます。
登録せずに利用開始
主な作成ツールは無料で利用でき、画像に透かしは入りません。細かく調整したい場合は、用途別の専用ツールを選んでください。
よくある質問
画像の準備やファイルの使い方について
