ファビコン生成
Web サイト用のファビコン一式を作成します
- ファイルは端末の外に出ません
- ブラウザ内で処理
- 無料・登録不要・透かしなし
デザイン
プレビュー
F
新しいタブ
F
新しいタブ
実寸
16 px 拡大
ホーム画面
F
ファイル
- アイコンを描画中…
<head> に貼り付け
ファイルをサイトにアップロードしてから、次のタグを追加してください。
ファビコン生成の使い方
文字、絵文字、8 種類のオープンソースアイコン集からファビコンを作れます。背景と形を整えれば、ICO、PNG、SVG、Apple・Android 用アイコン、マニフェストの一式をブラウザ内で作成します。
- 1
「デザイン」で「文字」「絵文字」「アイコン」のいずれかを選びます。
- 2
1〜3 文字を入力してフォントと太さを選ぶか、絵文字を入力または選択するか（「すべての絵文字を表示」で一覧が開きます）、rocket や cloud などでアイコンを検索してクリックします。
- 3
「前景」で色とサイズを、「アイコンのスタイル」で背景、形、角の丸み、余白を設定します。
- 4
「サイト情報」と「出力」のサイズを入力し、ライト・ダークのタブとホーム画面のプレビューで仕上がりを確認します。
- 5
「一式をダウンロード（ZIP）」をクリックし、ファイルをサイトにアップロードしてから、「<head> に貼り付け」のタグをページに追加します。
よくある質問
データがサーバーに送信されることはありますか？
いいえ。アイコンはブラウザ内で描画されます。アイコン集は開いたり検索したりしたときに XTools から読み込まれるため、各コレクションを初めて使うときだけネット接続が必要です。
どのアイコン集が使えますか？
Lucide、Tabler、Material Design、Phosphor、Remix Icon、Carbon、Heroicons、Font Awesome Brands です。最初は Lucide が読み込まれ、検索中に「全 8 コレクションを検索」を押すと残りを一度だけ（約 13 MB）読み込みます。
アイコンは商用サイトでも使えますか？
各アイコン集にはそれぞれのオープンソースライセンスがあるため、ロゴとして使う前に確認してください。Font Awesome Brands は他社のロゴなので、自社ブランドとしては使えません。
別のパソコンだと絵文字の見た目が違うのはなぜですか？
絵文字や文字はお使いの端末のフォントで描画されるため、PNG と ICO にはその OS の絵文字デザインが入ります。favicon.svg は文字として保存されるので、閲覧者のブラウザがそれぞれのフォントで表示します。
何文字まで入力できますか？
1〜3 文字がおすすめで、入力欄には最大 4 文字まで入ります。長い文字列はアイコンに収まるよう自動で縮小され、漢字やかなも使えます。
背景を透明にできますか？
はい、背景を「なし」にしてください。ただしホーム画面は透明を表示できないため、Apple タッチアイコンと maskable アイコンは白い正方形になります。