Favicon 作成

favicon.io

Favicon をお手軽に生成するための Web サイト。

何らかのテキストと背景色のみで favicon 画像の生成が可能で、スピード（お手軽さ）優先のスタートアップ時には必要十分。

https://favicon.io/favicon-generator/

favicon 作成例

• テキストは任意で入力可能
• 背景色がお手軽に入力できる
• フォントは Google Fonts から指定できるので、その範囲内で日本語フォントもある
• フォントサイズを変更したければ Font Size にて調整

作成後のダウンロード

Download すると zip が取得できる

HTMLに記載するタグも例示あり

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

その他類似サービス

画像をアップロードして生成したい場合

Favicon Generator for perfect icons on all browsers