Übersicht der Tags für die Verwendung von SVG-Favicons

 (medium.com)
6 Punkte von xguru 2020-04-23 | 1 Kommentare | Auf WhatsApp teilen

  • SVG-Favicons werden inzwischen von den meisten Browsern unterstützt, darunter Chrome, Safari, Edge und Firefox

  • Ein Standard-SVG ist mit rel="icon" möglich

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

  • Im Dark Mode kann die Farbe geändert werden

Für mobile Browser gilt weiterhin wie bisher:

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

  • Android & Chrome: In manifest.json müssen Icon, Farben usw. festgelegt werden

Verwandte Beiträge

1 Kommentare

 
xguru 2020-04-23

Im Haupttext steht, dass image/svg+xml nicht nötig ist,

aber auf https://caniuse.com/#feat=link-icon-svg heißt es, dass es in Chrome, Edge usw. erforderlich ist. Scheint testbedürftig zu sein.