Créer un favicon : convertir SVG en ICO

Convertissez un SVG en ICO avec chaque taille dessinée nette depuis le vecteur, de 16 px à 256 px, transparente ou sur une forme de couleur. Un clic de plus et vous avez tout le jeu de favicons avec le HTML. Gratuit, sur votre appareil.

SVG → ICOGratuit · dans votre navigateur

·Pas de SVG sous la main ?

Conversion sur votre appareil ; les fichiers ne sont pas envoyés sur nos serveurs. Les polices web et les images liées d’un SVG sont téléchargées par votre navigateur depuis leurs propres serveurs, pour que le fichier s’affiche correctement.

  • Gratuit, sans inscription ni filigrane
  • Les fichiers restent sur votre appareil
  • Chaque taille dessinée depuis le vecteur
  • Jeu de favicons avec le HTML inclus

Six exemples SVG en ICO à essayer

Des icônes originales dessinées pour cette page, chacune convertie de SVG en ICO ici avec les réglages de sa carte. Chargez-en une pour essayer les mêmes réglages.

Icône au trait fin

Icône au trait fin

256 × 256 px · ICO · 16, 24, 32, 48, 256

Une icône au trait de 24 px redessinée à chaque taille ; en 24 et 48 px, chaque trait tombe sur des pixels entiers.

Favicon en mode sombre

Favicon en mode sombre

256 × 256 px · ICO · 16, 32, 48, 256

Le jeu de favicons garde les couleurs du mode sombre du SVG dans icon.svg.

Badge rond

Badge rond

256 × 256 px · ICO · 16, 32, 48, 256

Fond en cercle avec 10 % de marge ; les coins restent transparents.

Logo en dégradé

Logo en dégradé

256 × 256 px · ICO · 16, 32, 48, 256

Transparent autour du logo à chaque taille, bords doux conservés.

Icône d’application Windows

Icône d’application Windows

256 × 256 px · ICO · 16, 24, 32, 48, 128, 256

Un symbole blanc sur une tuile violette arrondie, six tailles jusqu’à 256 px.

Cœur en pixel art

Cœur en pixel art

256 × 256 px · ICO · 16, 32, 48, 64, 256

16, 32, 48, 64 et 256 px : des multiples entiers, donc chaque pixel reste carré.

Créer un favicon en trois étapes

Ajoutez, choisissez, téléchargez.

  1. Déposez jusqu’à 50 fichiers .svg ou .svgz, 20 Mo chacun, ou collez du code SVG.

  2. 16, 32, 48 et 256 px par défaut. Gardez la transparence ou choisissez une couleur dans une forme carrée, arrondie ou ronde.

  3. Vérifiez chaque taille dans la liste, puis enregistrez l’ICO, un ZIP ou le jeu de favicons.

Les points forts de ce générateur de favicon

Six points forts de ce convertisseur gratuit, pour les favicons, les icônes d’application et les raccourcis.

  1. Chaque taille dessinée nette

    Chaque taille dessinée nette

    Chaque taille est dessinée depuis le vecteur à cette taille : l’icône de 16 px est un vrai dessin de 16 px, avec ses propres bords nets. Les icônes au trait dessinées sur une grille de 16 ou 24 px y gagnent beaucoup : ce voilier tombe sur des pixels entiers en 24 et 48 px.

  2. Transparence conservée

    Transparence conservée

    Les zones transparentes le restent à chaque taille, bords doux et dégradés compris. Les petites tailles sont stockées en BMP 32 bits, 128 et 256 px en PNG, comme Windows stocke ses propres icônes. Ce logo en forme de flamme garde son dégradé et son pourtour transparent à chaque taille.

  3. Jeu de favicons en un clic

    Jeu de favicons en un clic

    favicon.ico, icon.svg avec le mode sombre conservé, apple-touch-icon, icônes d’application de 192 et 512 px et le manifeste, plus les lignes pour votre <head>. L’icon.svg de ce monogramme passe tout seul aux couleurs de son mode sombre.

  4. Fond, forme et marge

    Fond, forme et marge

    Transparent, blanc, noir ou n’importe quelle couleur, en carré, en tuile arrondie ou en cercle, avec une marge de 5 % à 20 %. Les logos et symboles à peu près carrés remplissent le mieux la tuile, comme ce badge en forme de pousse sur un cercle bleu canard avec 10 % de marge, aux coins transparents.

  5. Chaque taille visible avant l’enregistrement

    Chaque taille visible avant l’enregistrement

    Chaque fichier affiche ses petites tailles en pixels réels : vous voyez l’icône de 16 px avant qu’elle arrive sur votre site. Le pixel art enregistré en multiples entiers garde chaque pixel carré, comme ce cœur en 16, 32, 48, 64 et 256 px.

  6. Lots, ZIP et confidentialité

    Lots, ZIP et confidentialité

    Jusqu’à 50 fichiers SVG à la fois, enregistrés dans un seul ZIP. Tout se passe sur votre appareil ; rien n’est envoyé. Ce symbole d’application a donné un seul ICO de six tailles jusqu’à 256 px, sur une tuile violette arrondie prête pour une application Windows.

Guide SVG en ICO : tailles, transparence et favicons

Ce que contient un fichier ICO et où sert chaque taille.

Quelles tailles mettre dans un fichier ICO

Un ICO contient plusieurs images carrées, et chaque emplacement prend celle dont il a besoin. Le 16 px s’affiche dans les onglets du navigateur et les favoris, le 32 px dans les onglets sur les écrans haute définition et dans la barre des tâches de Windows, le 48 px sur le bureau et dans les résultats Google, et le 256 px dans les grands affichages de Windows. Pour créer un favicon, 16, 32 et 48 px suffisent ; pour une application ou un raccourci Windows, ajoutez 24, 64, 128 et 256 px.

Pourquoi chaque taille est dessinée depuis le vecteur

Redessiner le SVG à chaque taille donne à chacune ses propres bords nets : les traits fins restent des traits en 16 px. Ce convertisseur SVG en ICO le fait pour chaque taille choisie. Vérifiez l’icône de 16 px dans la liste : pour un logo aux détails fins ou un logotype large, le symbole seul se lit le mieux à cette taille.

Transparence, forme du fond et marge

Les fichiers ICO gardent une couche alpha complète : zones transparentes et bords doux restent transparents sur n’importe quelle barre des tâches ou onglet. Choisissez une couleur de fond pour placer le logo sur un carré, une tuile arrondie ou un cercle ; les coins autour d’une forme arrondie ou ronde restent transparents. Une marge de 10 % à 15 % évite qu’un logo qui touche les bords paraisse à l’étroit.

Le jeu de favicons et le HTML

Les navigateurs demandent encore /favicon.ico, qui reste donc la base. Les navigateurs récents préfèrent icon.svg, qui reste net à toutes les tailles et garde les couleurs du mode sombre du SVG. Les iPhone utilisent apple-touch-icon.png en 180 px, sur fond blanc quand votre SVG est transparent, car iOS affiche la transparence en noir. Android et les applications installées lisent les icônes de 192 et 512 px dans le manifeste. Placez les fichiers à la racine de votre site et collez les quatre lignes dans <head>.

Pixel art et icônes au trait fin

Le pixel art reste carré aux multiples entiers de sa grille : un dessin de 16 px fonctionne en 16, 32, 48, 64, 128 et 256 px, choisissez donc ces tailles. Les icônes au trait dessinées sur une grille de 24 px sont au plus net en 24 et 48 px, et en 16 px, un trait d’au moins un pixel garde chaque ligne bien nette.

Quand convertir un SVG en ICO

Les endroits qui demandent encore un ICO.

  • Favicons de sites web

    favicon.ico à la racine du site, plus le jeu complet pour les téléphones et les applications.

  • Applications et installateurs Windows

    Un seul ICO de 16 à 256 px pour Electron, .NET ou les outils de création d’installateurs.

  • Raccourcis et dossiers

    Des icônes personnalisées pour les raccourcis du bureau et les dossiers de Windows.

  • Applications web

    Des icônes de 192 et 512 px et un manifeste pour les applications web installables.

Créer un favicon : questions fréquentes

Conversion, tailles de favicon, favicon.ico aujourd’hui, transparence, favicons SVG, icônes Windows, flou et confidentialité.









Créez votre favicon à partir d’un SVG

Chaque taille nette, transparence conservée, jeu de favicons inclus. Gratuit, sur votre appareil.

Créer un favicon