Favicon en svg

Los favicon en svg ya son soportados por los principales navegadores web. Al ser vectorial tiene la ventaja de que no va a perder calidad independientemente del tamaño que utilice el navegador web. Para insertar un favicon svg en tu web hay que agregar el valor image/svg+xml al atributo type de la etiqueta link.

Ejemplo:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">

Lo recomendable es insertarlo también en otro formato para que en caso de no ser compatible el svg con el navegador, muestre una segunda opción:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.png" type="image/png">

Soporte actual: https://caniuse.com/#feat=link-icon-svg

Agradezco tu comentario 🤘