Resumen de etiquetas para usar SVG Favicon

 (medium.com)
6 puntos por xguru 2020-04-23 | 1 comentarios | Compartir por WhatsApp

  • La mayoría de los navegadores, como Chrome, Safari, Edge y FF, ya soportan favicons SVG

  • El SVG básico se puede usar con rel="icon"

  • En Safari se usa rel="mask-icon" color='#000000'

  • Es posible cambiar el color en modo oscuro

Para navegadores móviles, igual que antes:

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

  • Android y Chrome: en manifest.json es necesario definir el ícono, el color, etc.

Lecturas relacionadas

1 comentarios

 
xguru 2020-04-23

En el texto dice que image/svg+xml no es necesario,

pero en https://caniuse.com/#feat=link-icon-svg aparece que en Chrome y Edge sí se requiere image/svg+xml. Parece que haría falta probarlo.