favicon設置方法（3ファイルでOK）

問題

faviconって、ファイルをたくさん置いて、linkタグやmetaタグをたくさん書かないといけなくないですか？

答え

ファイルを3つ、iconを示すlinkタグを3つでOK

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->

• レガシーなブラウザのための favicon.ico
• ほとんどのブラウザが対応している svg画像（ライトテーマとダークテーマに対応させること）
• Appleデバイス向けの画像

参考

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs