⭐ Pour les créateurs de sites et d'applications
⭐ Générateur de favicon et d'icônes d'application
Créez en une minute toutes les icônes de votre site à partir d'une image, d'un emoji ou de vos initiales : favicon.ico, favicon.svg, icône Apple, icônes Android et maskable, manifeste et code HTML, prêts dans un fichier ZIP. Tout se fait dans votre navigateur.
1. Votre icône
2. Aperçu
Onglet du navigateur, clair et sombre
Résultat Google
Écran d'accueil iPhone et Android
Icône maskable et sa zone sûre
Android découpe cette icône en cercle, en goutte ou en carré selon le téléphone : tout ce qui compte doit rester dans le cercle pointillé.
3. Vos fichiers
favicon.ico16, 32 et 48 pixels réunis : demandé automatiquement par tous les navigateurs et par Google.favicon.svgVectoriel, net à toutes les tailles dans les navigateurs récents.favicon-16x16.pngPetit favicon en PNG.favicon-32x32.pngFavicon en PNG pour les écrans haute densité.apple-touch-icon.png180 × 180, fond plein : iPhone et iPad arrondissent eux-mêmes les coins.icon-192.pngIcône Android et application web installable.icon-512.pngGrande icône : écran de démarrage de l'application installée.icon-maskable-512.pngVersion maskable, avec la marge de sécurité prévue par Android.site.webmanifestManifeste de l'application web : nom, couleurs et icônes.
Quelles icônes faut-il vraiment en 2026 ?
Inutile de produire vingt tailles comme autrefois. Les navigateurs demandent toujours /favicon.ico à la racine du site, d'où ce fichier. Les navigateurs récents préfèrent un favicon.svg, net à toutes les tailles. iPhone et iPad utilisent l'apple-touch-icon de 180 pixels, sans transparence. Enfin, une application web installable a besoin, dans son manifeste, d'au moins une icône de 192 et une de 512 pixels ; une version maskable évite qu'Android ne rogne votre logo.
Côté référencement, Google affiche le favicon à côté de vos résultats. Ses consignes : une icône carrée, d'au moins 8 pixels mais de préférence plus grande que 48 pixels, déclarée par une balise link rel icon sur la page d'accueil, et accessible aux robots de Google (ne la bloquez pas dans le robots.txt). Un favicon net et reconnaissable donne un air plus sérieux à votre résultat.
Mis à jour : octobre 2026, d'après la documentation de Google Search Central, de web.dev et de MDN.
Sources : Google Search Central · web.dev (manifeste) · web.dev (maskable) · MDN
Questions fréquentes
Pourquoi mon favicon n'apparaît-il pas dans Google ?
Google met à jour les favicons à son rythme, parfois en plusieurs semaines. Vérifiez que la balise est sur la page d'accueil, que l'icône est carrée et que ni la page ni l'image ne sont bloquées aux robots. Vous pouvez demander une nouvelle exploration de la page d'accueil dans la Search Console.
Faut-il un fond transparent ?
Pour le favicon, c'est possible, mais vérifiez qu'il reste lisible sur un onglet sombre. Pour l'icône Apple et l'icône maskable, non : un fond plein est nécessaire, l'outil l'ajoute automatiquement.
Mon logo est rectangulaire, comment faire ?
Une icône doit être carrée. L'outil centre votre image dans le carré ; pour un résultat lisible en 16 pixels, utilisez plutôt le symbole ou l'initiale de votre marque que le logo complet avec le texte.
Où placer les fichiers ?
À la racine de votre site, à côté de la page d'accueil, puis collez le code fourni dans la balise head de toutes vos pages. Sur WordPress, l'icône du site se règle aussi dans Apparence puis Personnaliser, Identité du site.
Des outils pratiques, avant tout le monde
Rejoignez le club OUFRID : avant-première, Premium offert et votre nom dans l'app.
Rejoindre le club