無料・登録不要

ロゴからファビコンとアプリアイコンを作成

1枚のロゴから、Webサイトやアプリ、PWAに必要な画像を用意。各サイズのファイルをまとめてダウンロードし、設定例を参考に導入できます。

無料・透かしなし

PNG · JPG · SVGWebサイト・アプリ・SNS向け

用途に合った画像をまとめて作成

公開に必要なアイコンを準備

用途別のツールで、サイズごとの手作業を減らせます。

ファビコン、ホーム画面用アイコン、SNS用画像を作成できます。iOS・Android・PWAには、それぞれ専用の作成ツールを用意しています。

Product Feature One

使い方

画像の選択からダウンロードまで、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ツールでは、マスクの形状を切り替えてロゴがセーフエリアに収まるか確認できます。

登録せずに利用開始

主な作成ツールは無料で利用でき、画像に透かしは入りません。細かく調整したい場合は、用途別の専用ツールを選んでください。

よくある質問

画像の準備やファイルの使い方について

ロゴを、サイトやアプリで使えるアイコンに。

画像を1枚用意して、Webサイト・アプリ・PWAの公開に必要なファイルを作成しましょう。