「絵文字を favicon にしたい」「画像を作らずに手早くサイトのファビコンを用意したい」というときに使う、絵文字から favicon を作るツールです。絵文字を入力（または用意したものから選択）すると、正方形プレビューに即時反映され、2 通りの方法で使えます。①ファイル不要の 1 行 — 絵文字をインライン SVG として埋め込んだ <link rel="icon" href="data:image/svg+xml,…"> をその場で生成するので、画像ファイルを作る・サーバーに置く必要なく、HTML の <head> にこの 1 行を貼るだけでブラウザのタブに絵文字が表示されます（開発中・プロトタイプ・小さなサイトに最適）。②実ファイル — 各サイズの PNG（16/32/48/180/192/512px）と、それらを束ねた favicon.ico、site.webmanifest、貼り付け用の <head> スニペットを 1 つの ZIP にまとめて生成します（古いブラウザや実運用で確実に効かせたいとき向け）。背景は透過か任意の色を選べ、角を丸めることもできます。絵文字の描画はお使いの端末の絵文字フォントを使うため、見え方は OS によって少し変わります。絵文字の合成（肌の色・ZWJ の組み合わせ・国旗など）にも対応し、入力した先頭の 1 文字を 1 つの絵文字として扱います。絵文字の入力・SVG 生成・PNG/ICO の書き出しはすべてあなたのブラウザ内だけで処理し、データをサーバーへアップロード・保存・送信することは一切ありません。手元の画像から favicon を作りたいときは画像版の favicon ジェネレーターへ、iOS/Android のアプリアイコン一式が必要なときは app-icon ジェネレーターへそのまま移れます。
使い方
- 使いたい絵文字を入力欄に入れるか、用意された絵文字から 1 つ選びます。背景（透過 / 色）と角丸はお好みで。
- ファイル不要で済ませるなら、表示された <link rel="icon" href="data:image/svg+xml,…"> の 1 行をコピーして HTML の <head> に貼り付けます。
- 実ファイルが必要なら「ZIP をダウンロード」を押し、PNG 各サイズ＋favicon.ico＋manifest＋<head> スニペットを受け取って配置します。
よくある質問
入力した絵文字や生成した画像はアップロードされますか？
いいえ。絵文字の入力、SVG の組み立て、PNG/ICO の書き出しはすべてあなたのブラウザ内で完結します。データをサーバーへアップロード・保存・送信することは一切ありません。完全にローカルで動作します。
「ファイル不要の 1 行」とは何ですか？本当に画像なしで動きますか？
絵文字を SVG として直接埋め込んだ data-URI を href に持つ <link rel="icon"> です。画像ファイルを作る・サーバーに置く必要がなく、HTML の <head> にこの 1 行を貼るだけでタブに絵文字が表示されます。モダンブラウザで動作します。確実性を重視する場合や古い環境向けには、ZIP の PNG/.ico を使ってください。
favicon.ico や PNG も作れますか？
はい。「ZIP をダウンロード」で、16/32/48/180/192/512px の PNG と、16/32/48 を束ねた favicon.ico、site.webmanifest、貼り付け用の <head> スニペットを 1 つの ZIP にまとめて生成します。慣例のファイル名なので、サイトのルートに置けばそのまま動きます。
絵文字の見た目はどの端末でも同じですか？
SVG 版（1 行）は表示する端末の絵文字フォントで描かれるため、同じ絵文字でも OS（Windows / Mac / Android など）によって絵柄が少し変わります。PNG/.ico 版は、書き出した時点のあなたの端末の絵文字フォントの見た目で固定されます。どの端末でも完全に同じ絵柄にしたい場合は PNG/.ico を使ってください。
肌の色や国旗など、組み合わせの絵文字も使えますか？
はい。肌の色付き・ZWJ で結合された絵文字（例: 家族）・国旗などの合成絵文字も、入力欄の先頭の 1 つを 1 絵文字として扱って描画します。ただし最終的な見え方は端末の絵文字フォントの対応状況によります。