ファビコンジェネレーター
テキスト・絵文字・画像からファビコンを作成できます。複数サイズを一括生成し、HTMLタグもコピーできます。
カスタマイズ
プレビュー
256 x 256 px
ファビコン（favicon）とは
ファビコン（favicon）は、ブラウザのタブやブックマーク、スマートフォンのホーム画面などに表示される小さなアイコンです。 Webサイトのブランド認知を高め、複数のタブを開いているときにサイトを見つけやすくする重要な役割があります。
「favorite icon」を略して「favicon」と呼ばれるようになりました。 かつてはICO形式のみが使われていましたが、現在ではPNG形式が広くサポートされています。
推奨サイズ一覧
| サイズ | 用途 | ファイル名の例 |
|---|---|---|
| 16x16 | ブラウザタブ（従来の favicon.ico） | favicon-16x16.png |
| 32x32 | ブラウザタブ（標準） | favicon-32x32.png |
| 48x48 | Windows サイトアイコン | favicon-48x48.png |
| 180x180 | Apple Touch Icon（iOS/iPadOS） | apple-touch-icon.png |
| 192x192 | Android Chrome | android-chrome-192x192.png |
| 512x512 | PWA（スプラッシュスクリーン等） | android-chrome-512x512.png |
ファビコンの設定方法
生成したファビコン画像をWebサイトのルートディレクトリ（または任意のパス）に配置し、HTMLの<head>タグ内に<link>タグを追加します。
Next.jsを使用している場合は、app/ディレクトリにfavicon.ico、icon.png、apple-icon.pngを配置するだけで自動的に認識されます。
このツールでできること
- テキスト（1-2文字）、絵文字、画像の3つのモードで作成
- 背景色・角丸・パディングのカスタマイズ
- 透明背景のサポート
- 16x16 から 512x512 まで6サイズを一括生成
- 各サイズを個別にPNGダウンロード
- HTMLリンクタグのコードをワンクリックでコピー
関連記事
よくある質問
- Q. ファビコンに必要なサイズは？
- 一般的に16×16、32×32、48×48、180×180（Apple Touch Icon）、512×512（PWA）が必要です。このツールでは一括で全サイズを生成し、対応するHTMLタグも出力します。
- Q. 絵文字からファビコンを作れますか？
- はい、絵文字を選択するだけでファビコンセットを自動生成できます。テキストや画像アップロードからの生成にも対応しています。
- Q. SVG形式のファビコンには対応していますか？
- はい、SVG形式のファビコンにも対応しています。SVGファビコンはモダンブラウザでサポートされ、解像度に依存しない鮮明なアイコンを提供できます。
関連ツール
開発者
Zeronova（ゼロノバ）
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを93種類以上公開中。