Convertir un SVG en icône

Q: Quelle différence entre cette page et SVG en ICO ?

[SVG en ICO](/svg-to-ico) se concentre sur le fichier .ico unique pour les favicons et Windows. Cette page couvre tous les emplacements où une icône est utilisée, y compris l’ICNS de macOS et les PNG de taille fixe demandés par Android, iOS et les boutiques d’applications.

Un seul logo vectoriel suffit pour toutes vos icônes : favicon, raccourci Windows, application Mac et icônes de lancement sur téléphone. Cette page démarre sur un ICO multi-tailles ; vous pouvez passer en ICNS ou en PNG pour les autres plateformes.

ou déposez Fichiers JPG, JPEG, JPE … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Convertir en

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Qualité et couleur

Image animée en entrée

Ce format ne contient qu’une seule image. Choisissez une sortie GIF ou WebP pour conserver l’animation.

Tailles d’icône

Une icône multitaille contient plusieurs résolutions dans un seul fichier ; les navigateurs et les systèmes d’exploitation choisissent celle dont ils ont besoin.

Redimensionner la sortie

Redimensionner l’image de sortie

Conservez les dimensions d’origine, ou saisissez un côté et les proportions sont conservées.

Métadonnées et profil colorimétrique

Orientation automatique

Fait pivoter l’image selon l’orientation enregistrée dans les EXIF pour qu’elle s’affiche droite partout.

Supprimer les métadonnées

Supprime la position GPS, les données de l’appareil photo et les commentaires. Le profil colorimétrique peut être conservé séparément ci-dessous.

Conserver le profil colorimétrique

Conserve le profil ICC intégré pour que les couleurs restent fidèles après la conversion.

Espace colorimétrique

sRGB convient aux écrans et au web. Conservez l’original pour les flux d’impression ; niveaux de gris supprime la couleur.

Valeur DPI

dpi

Métadonnée uniquement, 0 conserve la valeur d’origine. Les imprimantes et certains portails lisent ce nombre ; il ne modifie pas les dimensions en pixels.

Comment utiliser cet outil

1
Importez un SVG carré
Ajoutez le SVG de votre logo, idéalement avec une viewBox carrée. Vous pouvez ajouter jusqu’à 20 fichiers à la fois, par exemple une variante claire et une variante sombre.
2
Choisissez le format d'icône
ICO avec Tailles d’icône réglé sur Toutes les tailles (16–256) est présélectionné. Choisissez ICNS sous Convertir en pour macOS, ou PNG avec une largeur sous Redimensionner l’image de sortie pour une icône de téléphone ou de boutique d’applications.
3
Convertissez et placez les fichiers
Cliquez sur Convertir en ICO (le libellé suit le format choisi), téléchargez, puis placez chaque fichier là où sa plateforme l’attend.

Il n’existe pas un format d’icône unique. Windows et les navigateurs utilisent l’ICO, macOS l’ICNS, et les téléphones des séries de PNG. Partir d’un SVG signifie que chacun est redessiné à partir du vecteur, net à chaque taille.

SVG en icône : un vecteur, trois types de fichiers d'icône

Un fichier d’icône est un conteneur de petites images bitmap, pas un vecteur. Le système d’exploitation choisit le bitmap le plus proche de la taille dont il a besoin ; une bonne icône en comporte donc plusieurs, chacune dessinée pour sa propre grille.

Le préréglage ICO de cette page écrit un fichier contenant toutes les tailles de 16 à 256 px, ce qui couvre favicon.ico et les raccourcis Windows. Passez Convertir en sur ICNS pour un conteneur d’icône Apple, ou sur PNG pour les tailles uniques demandées par Android, iOS et les boutiques d’applications.

Le tableau liste ce que les grandes plateformes publient pour leurs emplacements d’icône.

Les fichiers d'icône attendus par chaque plateforme
Organisme	Exigence	Source
Bureau et barre des tâches Windows	ICO avec plusieurs tailles, dont 16, 32, 48 et 256 px	—
Favicon de site web	favicon.ico à la racine du site avec 16, 32 et 48 px ; un PNG de 180 × 180 px pour apple-touch-icon	—
Icône d’app macOS	ICNS ou catalogue d’assets Xcode, tailles jusqu’à 1024 × 1024 px	—
Fiche Google Play Store	PNG 32 bits de 512 × 512 px, jusqu’à 1 024 Ko	—
Apple App Store	PNG de 1024 × 1024 px sans transparence	—

SVG

Scalable Vector Graphics

SVG est un format vectoriel fondé sur XML, normalisé par le W3C en 2001. Au lieu de pixels, il décrit des formes, des tracés et du texte ; il reste donc net à n'importe quelle taille et est généralement minuscule pour les logos et icônes. Il prend en charge la transparence, le style CSS, les scripts et l'animation, et tous les navigateurs l'affichent nativement. Le SVG ne convient pas aux photographies, et les illustrations complexes peuvent devenir lentes à afficher. Illustrator, Inkscape, Figma et les navigateurs peuvent l'ouvrir et le modifier.

Compression: –
Transparence: Oui
Animation: Oui
Année de création: 2001 · W3C

Convertisseur SVG

ICO

Icône Windows

ICO est le format d'icône de Microsoft utilisé pour les icônes de programmes Windows et les favicons de sites web. Un seul fichier .ico peut contenir plusieurs images de tailles différentes, comme 16×16, 32×32, 48×48 et 256×256 pixels, afin que le système choisisse la plus adaptée. Chaque image peut être stockée en bitmap ou en données PNG et prend en charge la transparence alpha complète. L'ICO n'est pas fait pour les photos ni les grandes illustrations. Les navigateurs, Windows et la plupart des éditeurs d'icônes savent le lire.

Compression: Sans perte
Transparence: Oui
Animation: Non
Année de création: Microsoft

Convertisseur ICO

On cherche « SVG en icône » quand on a un logo vectoriel et plusieurs plateformes à servir, chacune avec son propre conteneur d’icône, du favicon.ico d’un site web à l’ICNS sur Mac et aux PNG de taille précise des boutiques d’applications.

Convertir un SVG en icônes pour Windows, Mac, Android et iOS

Gardez ICO et Tailles d’icône sur Toutes les tailles. Renommez le résultat en favicon.ico pour la racine d’un site, ou indiquez-le dans la boîte de dialogue Changer d’icône d’un raccourci Windows.

Un seul fichier .ico sert pour les onglets, les favoris et la barre des tâches
Ajoutez un PNG de 180 px pour les favoris sur l’écran d’accueil de l’iPhone

Concevoir un SVG lisible à 16 px

Une icône de 16 × 16 px compte 256 pixels au total. La plupart des marques gardent un symbole distinct pour l’icône, souvent juste le pictogramme ou une lettre, avec des formes épaisses et peu de couleurs ; si le vôtre n’existe pas encore, faites une copie simplifiée du SVG pour les icônes.

Vérifiez la viewBox avant de convertir. Une viewBox large produit une icône avec des bandes vides au-dessus et en dessous du logo ; recadrez-la d’abord en carré. Le guide pour recadrer une image selon un ratio explique les recadrages carrés, et SVG en PNG donne un grand aperçu rapide pour juger le dessin.

FAQ : convertir un SVG en icône

Quelle différence entre cette page et SVG en ICO ?

SVG en ICO se concentre sur le fichier .ico unique pour les favicons et Windows. Cette page couvre tous les emplacements où une icône est utilisée, y compris l’ICNS de macOS et les PNG de taille fixe demandés par Android, iOS et les boutiques d’applications.

Quel format d'icône utilise chaque système d'exploitation ?

Windows lit l’ICO, macOS lit l’ICNS ou des catalogues d’assets créés dans Xcode, et Android et iOS utilisent des images PNG fournies à des tailles en pixels fixes.

Puis-je obtenir toutes les tailles PNG de mon application en une seule conversion ?

Non. Un PNG ne contient qu’une seule taille, donc chaque conversion produit une seule largeur. Réglez Redimensionner l’image de sortie sur une taille, convertissez, puis changez la valeur et convertissez à nouveau ; chaque taille est redessinée nette à partir du vecteur.

L'ICNS créé ici couvre-t-il les icônes Mac Retina ?

Il contient des tailles de 16 à 256 px. Les icônes d’app macOS actuelles incluent aussi des entrées de 512 px et 1024 px pour les écrans Retina, que Xcode ou l’outil iconutil d’Apple construisent à partir de PNG ; exportez ces deux tailles en PNG ici et ajoutez-les à l’ensemble.

L'icône doit-elle garder un fond transparent ?

Pour l’ICO, l’ICNS et les calques de l’icône de lanceur Android, oui : la transparence laisse le système dessiner son propre arrière-plan. L’icône iOS de l’App Store fait exception ; Apple rejette une icône marketing de 1024 px avec canal alpha, donc donnez à ce PNG un fond uni dans le SVG.

Pourquoi mon logo détaillé devient-il une tache en petite icône ?

À 16 ou 32 px, il n’y a pas de place pour des traits fins ou du petit texte. Épaississez les traits pour qu’ils couvrent au moins un pixel entier à la plus petite taille, et supprimez le logotype.