Resumo das tags para usar SVG Favicon

 (medium.com)
6 pontos por xguru 2020-04-23 | 1 comentários | Compartilhar no WhatsApp

  • Chrome, Safari, Edge e Firefox: a maioria dos navegadores já oferece suporte a favicon em SVG

  • O SVG básico pode ser usado com rel="icon"

  • No Safari, use rel="mask-icon" color='#000000'

  • É possível mudar a cor no modo escuro

Para navegadores móveis, continua como antes:

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

  • Android e Chrome: é necessário definir ícone, cor etc. em manifest.json

Leituras relacionadas

1 comentários

 
xguru 2020-04-23

No texto diz que image/svg+xml não é necessário,

mas em https://caniuse.com/#feat=link-icon-svg consta que, no Chrome e no Edge, image/svg+xml é necessário. Parece que vale a pena testar.