Comment convertir un SVG en favicon

Choisissez votre logo SVG.
Ajoutez si vous voulez une marge, des coins ou un fond (appliqués au PNG et à l’ICO).
Téléchargez le ZIP : il contient favicon.svg (votre original), favicon.ico et toutes les tailles PNG.
Envoyez les fichiers à la racine du site et collez le code HTML — la ligne pour le SVG est déjà incluse.

Pourquoi un favicon SVG ?

Toujours net. Un SVG s’adapte à toutes les tailles et tous les écrans.
Fichier minuscule. Un logo simple pèse souvent moins de 1 Ko.
Mode sombre. Avec une requête prefers-color-scheme dans le SVG, l’icône change de couleur en thème sombre.

Chrome, Edge, Firefox et les versions récentes de Safari prennent en charge les favicons SVG. Les anciens navigateurs cherchent favicon.ico, c’est pourquoi le ZIP contient les deux.

Questions fréquentes

Faut-il garder favicon.ico avec un SVG ?

Oui, comme solution de secours. Le code HTML cite le SVG en premier, les navigateurs récents l’utiliseront donc.

Mon SVG reste vide.

Un SVG qui charge des polices ou des images externes ne peut pas être dessiné. Vectorisez le texte et intégrez les images, puis réessayez.