テキストか絵文字を選んで、ファビコンを書き出す

テキストを入力するか絵文字を選び、Google Font を指定して、ブラウザで SVG、PNG、ICO を書き出します。

PNG をファビコンに

完全無料

プライバシー優先

即時出力

複数形式

柔軟なカスタマイズ

今すぐ始めるガイドを見る

ファビコン作例

任意の例をクリックすると設定が読み込まれます

免責: これらの例は着想用であり、既存ブランドに似ている場合がありますが、いずれの企業とも関係・承認関係はありません。logo87.com は商標を侵害せず、ユーザー生成コンテンツに責任を負いません。作成物が権利を侵害しないことはユーザー自身が確認してください。権利侵害と思われる場合はお問い合わせまでご連絡ください、削除します。

PNG をファビコンに

エディタの使い方

上の欄に文字、単語、絵文字を入力します。内蔵フォントか Google Fonts の CSS URL を使います。色、サイズ、角丸、位置、回転はすぐにプレビューへ反映されます。描画はこのタブ内で、デザインはアップロードされません。

単体の SVG、256×256 の PNG、または「すべてダウンロード」で、ブラウザと端末がまだ要求するファイルの zip を出せます。zip は同じプレビューからブラウザ内で作られます。

文字が切れたらフォントサイズを下げるか位置をずらします。絵文字は OS で形が違うので、使う端末でプレビューを確認してください。

書き出せるもの

アカウント不要

登録はありません。デザインは端末に残ります。タブを閉じると消えます。

SVG、PNG、ICO、zip

試し用の単体 SVG と PNG。「すべてダウンロード」は favicon.svg、favicon.ico、apple-touch-icon.png、および 16、32、48、96、180、192、512 の PNG をまとめます。

フォントと色

内蔵フォント 12 種に加え、CSS URL 付きの任意の Google Font。配色サンプルを使うか、自分で一組を設定します。

ZIP の中身

「すべてダウンロード」は次のファイルを書き出します。全部使う必要はありません。

favicon.svg はモダンブラウザ向け。favicon.ico（16×16）は HTML を読まず /favicon.ico を取りに来るクライアント向け。apple-touch-icon.png（180×180）は iOS のホーム画面。favicon-16x16.png、favicon-32x32.png、favicon-48x48.png はタブとブックマーク。favicon-96x96.png はショートカット。favicon-180x180.png は予備のタッチアイコン。favicon-192x192.png と favicon-512x512.png はウェブアプリのマニフェスト用。

基本的なサイトなら favicon.ico と favicon.svg で足ります。iOS には 180 の PNG を足す。PWA マニフェストがあるなら 192 と 512。各ファイルの link タグは導入ガイドにあります。プロジェクトへ追加する方法 →