SVGファビコンで使うタグの整理

 (medium.com)
6 ポイント 投稿者 xguru 2020-04-23 | 1件のコメント | WhatsAppで共有

  • Chrome、Safari、Edge、Firefox など、ほとんどのブラウザで SVG ファビコンをサポート

  • 基本の SVG は rel="icon" で指定可能

  • Safari は rel="mask-icon" color='#000000'

  • ダークモードで色の変更が可能

モバイルブラウザ向けは従来どおり

  • iOS: rel="apple-touch-icon"

  • Android & Chrome: manifest.json にアイコン、カラーなどの指定が必要

関連記事

1件のコメント

 
xguru 2020-04-23

本文には image/svg+xml は不要とありますが、

https://caniuse.com/#feat=link-icon-svg では、Chrome や Edge などでは image/svg+xml が必要と書かれています。テストが必要そうです。