Transformez un logo, quelques lettres ou un emoji en un jeu de favicons complet — favicon.ico, PNG de plusieurs tailles, une icône Apple Touch, des icônes Android et les balises HTML — créé dans votre navigateur.
Générateur de favicon
Transformez un logo, quelques lettres ou un emoji en un jeu de favicons complet — favicon.ico, PNG de plusieurs tailles, une icône Apple Touch, des icônes Android et les balises HTML — créé dans votre navigateur.
Votre logo ou votre texte est dessiné sur un canvas dans cet onglet et regroupé dans le ZIP sur votre appareil. Rien n'est téléversé : une identité visuelle pas encore publiée reste privée.
Le Générateur de favicon construit tout le jeu d'icônes d'un site à partir d'une seule source. Partez d'une image comme un logo, saisissez de un à trois caractères, ou choisissez un emoji. Chaque icône est dessinée à sa propre taille en pixels au lieu d'être réduite à partir d'un seul grand fichier : les images de 16, 32 et 48 px entrent dans un seul favicon.ico sous forme d'images PNG, à côté de PNG séparés de 16 et 32 px, d'une icône Apple Touch de 180 px et des icônes de 192 et 512 px qu'utilise Android. Un manifeste web et un bloc de balises link les accompagnent, et les sources texte ou emoji produisent aussi un vrai favicon SVG. Les aperçus montrent chaque taille pixel par pixel et dans des onglets de navigateur clairs et sombres avant tout téléchargement. Tout est rendu sur votre appareil, et votre image n'est jamais téléversée.
Fonctionnalités
Image, texte ou emoji comme source, avec des aperçus en direct avant le téléchargement
favicon.ico contenant des images de 16, 32 et 48 px, plus des PNG séparés de 16 et 32 px
Icône Apple Touch de 180 px, pleine et carrée pour qu'iOS arrondisse lui-même les angles
Icônes Android de 192 et 512 px avec le site.webmanifest correspondant
Un vrai favicon.svg pour les sources texte et emoji, net à toutes les tailles
Réglages d'ajustement, de marge intérieure, de rayon des angles et de fond pour les sources image
Aperçus au pixel près de 16 à 180 px et maquettes d'onglets de navigateur en clair et en sombre
Un ZIP de tous les fichiers, avec les balises link prêtes à coller dans le head de vos pages
Comment utiliser Générateur de favicon
Choisissez Image, Text ou Emoji, puis déposez un logo, saisissez jusqu'à trois caractères ou choisissez un emoji
Réglez l'ajustement, la marge intérieure, les couleurs et la forme des angles pendant que les aperçus et les onglets de navigateur se mettent à jour
Saisissez le nom de votre app et la couleur du thème, ainsi que le dossier depuis lequel les icônes seront servies
Téléchargez le ZIP, téléversez les fichiers sur votre site et collez les balises link dans le head de vos pages
Exemple
Entrée
Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root
Les balises produites pour une source texte ou emoji ; une source image omet la ligne SVG.
Erreurs courantes et dépannage
L'ancien favicon s'affiche encore après la mise en ligne des nouveaux fichiers. — Les navigateurs gardent les favicons très longtemps. Ouvrez directement l'adresse de l'icône, rechargez-la avec Ctrl+Maj+R (⌘⇧R sur Mac), puis rechargez la page. Une fenêtre de navigation privée affiche tout de suite l'icône actuelle.
L'icône paraît floue ou pâteuse dans l'onglet du navigateur. — Partez d'une image carrée d'au moins 512 px et gardez un graphisme simple, car les détails fins disparaissent à 16 px. Un logo large donne souvent un meilleur résultat avec plus de marge intérieure ou l'ajustement Cover.
L'icône Apple Touch a des coins noirs ou un fond noir. — iOS peint en noir les pixels transparents. L'icône de 180 px est remplie avec la couleur de fond de votre icône, ou avec la couleur de fond du manifeste quand l'icône est transparente, et ses angles restent droits pour qu'iOS les arrondisse.
Il n'y a pas de favicon.svg dans la liste des fichiers. — Un vrai SVG n'existe que pour les sources Text et Emoji, où le caractère reste du vrai texte. Un fichier photo ou logo ne serait qu'une image bitmap dans une enveloppe SVG : les fichiers PNG et ICO s'en chargent.
Foire aux questions
Quelles tailles de favicon faut-il en 2026 ?
Un favicon.ico avec des images de 16, 32 et 48 px, une apple-touch-icon de 180 px et des icônes de 192 et 512 px pour le manifeste couvrent presque tous les navigateurs et téléphones. Des PNG séparés de 16 et 32 px et un SVG sont des compléments utiles, et le Générateur de favicon les produit tous d'un coup.
Quelle différence entre les favicons ICO, PNG et SVG ?
L'ICO est le conteneur d'origine et reste demandé automatiquement à la racine d'un site : il couvre les anciens navigateurs et les favoris. Le PNG est le choix sûr pour les onglets et les icônes de téléphone. Le SVG est un fichier vectoriel unique qui reste net à toutes les tailles, mais tous les navigateurs ne le gèrent pas, d'où un jeu qui inclut les trois.
Où placer les fichiers du favicon et les balises link ?
Téléversez les fichiers dans le dossier d'où votre site est servi, normalement la racine, à côté de la page d'accueil. Collez ensuite les balises générées dans l'élément head de chaque page. Si les icônes se trouvent dans un sous-dossier, indiquez d'abord ce dossier dans l'outil pour que les chemins des balises et du manifeste soient corrects.
Pourquoi mon favicon ne change-t-il pas après le remplacement des fichiers ?
Les navigateurs mettent les favicons en cache séparément de la page et peuvent garder l'ancien pendant des jours. Rechargez l'adresse même de l'icône avec Ctrl+Maj+R, videz les images en cache du site, ou testez dans une fenêtre de navigation privée. Renommer les fichiers et mettre à jour les balises force aussi un nouveau téléchargement.
Puis-je utiliser un emoji comme favicon ?
Oui. Choisissez l'onglet Emoji, saisissez ou collez un emoji, puis choisissez une taille et un fond facultatif. Les fichiers PNG et ICO sont dessinés avec la police d'emoji de cet appareil : ils ont donc le même aspect partout. Le SVG utilise du texte réel, si bien que le système de chaque visiteur dessine sa propre version de l'emoji.
À quoi servent les icônes Android et du manifeste ?
Les PNG de 192 et 512 px sont déclarés dans site.webmanifest. Android les utilise pour le raccourci de l'écran d'accueil et l'écran de démarrage, et les applications web installables en ont besoin. Le manifeste enregistre aussi le nom de votre app, son nom court et ses couleurs, que vous réglez dans l'outil.
Outils associés
Générateur d’icônes d’app — Transformez une image en toutes les tailles d’icône d’app pour iOS, macOS et Android, téléchargées dans un ZIP, dans votre navigateur.
SVG vers PNG — Rastérise un SVG en PNG ou JPG net à toute échelle, transparence conservée.
Générateur Open Graph — Génère des balises meta Open Graph et Twitter avec aperçu de carte sociale.
Générateur de balises meta — Construit des balises SEO, Open Graph et Twitter Card depuis un formulaire.
Redimensionner une image — Redimensionnez des photos par lots (pixels, pourcentage, préréglage ou côté le plus long) et téléchargez-les en ZIP.
Encodeur / décodeur d’images Base64 — Convertissez des images en Data URIs Base64 avec des extraits HTML et CSS, ou décodez un Data URI en image téléchargeable.
Plus d’outils Images
Optimiseur d’images — Réencode et réduit les images (JPEG/WebP/PNG), avec redimensionnement optionnel.
Visionneuse et nettoyeur EXIF — Affichez et supprimez les métadonnées EXIF (GPS inclus) des photos ; rien n’est envoyé.
Encodeur / décodeur d’images Base64 — Convertissez des images en Data URIs Base64 avec des extraits HTML et CSS, ou décodez un Data URI en image téléchargeable.
Générateur d’icônes d’app — Transformez une image en toutes les tailles d’icône d’app pour iOS, macOS et Android, téléchargées dans un ZIP, dans votre navigateur.
Animation CSS de sprite sheet — Transformez une sprite sheet en animation CSS steps() prête à copier, avec un aperçu en direct.
SVG vers PNG — Rastérise un SVG en PNG ou JPG net à toute échelle, transparence conservée.