Récapitulatif des balises à utiliser pour les favicons SVG

 (medium.com)
6 points par xguru 2020-04-23 | 1 commentaires | Partager sur WhatsApp

  • La plupart des navigateurs, dont Chrome, Safari, Edge et Firefox, prennent désormais en charge les favicons SVG

  • Pour un SVG standard, rel="icon" suffit

  • Pour Safari, utiliser rel="mask-icon" avec color='#000000'

  • Il est possible de changer la couleur en mode sombre

Pour les navigateurs mobiles, comme auparavant :

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

  • Android et Chrome : il faut définir l’icône, les couleurs, etc. dans manifest.json

À lire aussi

1 commentaires

 
xguru 2020-04-23

Le corps de l’article indique que image/svg+xml n’est pas nécessaire,

mais sur https://caniuse.com/#feat=link-icon-svg, il est indiqué que pour Chrome et Edge notamment, image/svg+xml est requis. Cela semble devoir être testé.