Changer votre favicon sur n'importe quel créateur de site
Changer un favicon
Changer votre favicon sur Webflow, Wix, Shopify et plus | We.Inc
Changez votre favicon pas à pas sur Webflow, Squarespace, Wix, Shopify, WordPress et en HTML, avec les règles de taille publiées et la raison pour laquelle Google affiche encore votre ancienne icône.
Pour changer un favicon, importez une nouvelle image carrée dans les paramètres de votre créateur de site, puis publiez. Webflow, Squarespace, Wix, Shopify et WordPress ont chacun leur propre champ d'icône ; sur un site codé à la main, vous remplacez le fichier et la balise link rel=icon. Les navigateurs et Google mettent les icônes en cache, l'ancienne peut donc persister.
Où se trouve le réglage du favicon, en octobre 2026
Créateur de site
Où le trouver
Taille indiquée par l'aide
Webflow
Paramètres du site (cherchez le champ favicon ou icône)
Consultez la page d'aide de Webflow pour les règles de taille actuelles
Squarespace
Panneau Favicon
De 100x100 à 300x300 px, .png, 100 KB max
Wix
Paramètres, Paramètres du site, Favicon
Carré multiple de 48 px, sauf SVG
Shopify
Modifier le thème, Paramètres du thème, Logo ou Favicon
16x16 ou 32x32 px
WordPress 6.5+
Réglages, Général, Icône du site
Carrée, au moins 512 px, .png recommandé
Trouvez votre créateur de site ci-dessous. Chaque série d'étapes provient de la page d'aide de cet outil. Si votre site est codé à la main, la dernière carte génère les balises link pour vous. Si vous n'avez pas encore d'icône, créez-la d'abord avec notre générateur de favicon.
Trouvez votre créateur de site dans la liste et suivez ses étapes, en notant les éventuelles restrictions liées à l'offre.
Pour un site codé à la main, saisissez le dossier qui contient vos fichiers d'icône pour obtenir les balises link.
Importez ou collez, publiez votre site, puis ouvrez-le dans une fenêtre privée pour voir la nouvelle icône.
Laissez à Google le temps de réexplorer le site. Son aide sur les favicons indique que cela peut prendre de plusieurs jours à plusieurs semaines.
Faites une icône carrée. Google exige un rapport 1:1 et recommande une taille supérieure à 48x48 pixels.
Gardez l'icône à la même adresse une fois en ligne. Google demande une URL de favicon stable.
Vérifiez que le robots.txt ne bloque pas le fichier d'icône. Googlebot et Googlebot-Image doivent tous deux pouvoir le récupérer.
Utilisez une forme simple et marquée. Les détails fins disparaissent à la taille d'un onglet.
Questions fréquentes
Pourquoi Google affiche-t-il encore mon ancien favicon ?
Google récupère un nouveau favicon lorsqu'il réexplore votre page d'accueil, ce qui, selon sa page d'aide, peut prendre de plusieurs jours à plusieurs semaines. Vous pouvez demander une exploration plus rapide en demandant l'indexation de la page d'accueil dans l'outil d'inspection d'URL de la Search Console.
Pourquoi mon navigateur affiche-t-il encore l'ancienne icône ?
Les navigateurs gardent les favicons en cache très longtemps. La page d'aide de Squarespace conseille de vider le cache du navigateur et de le redémarrer. Ouvrir le site dans une fenêtre privée permet de vérifier rapidement que la nouvelle icône est bien en ligne.
Puis-je ajouter un favicon avec l'offre Starter de Shopify ou un site Wix gratuit ?
Pas en octobre 2026. La page d'aide de Shopify indique que l'offre Starter ne permet pas d'ajouter de favicon. Wix exige une offre Premium et un domaine connecté, et vous devez d'abord publier le site.
Puis-je avoir un favicon différent en mode sombre ?
Sur certains créateurs de site, oui. Squarespace vous permet d'importer une version pour le mode sombre après avoir défini l'icône par défaut. Sur un site codé à la main, vous pouvez pointer vers une icône SVG qui change de couleur grâce à une media query prefers-color-scheme placée dans le SVG.
Ce dont Google a besoin pour afficher votre icône
Google lit la balise link dans le head de votre page d'accueil. Il prend en charge les valeurs rel icon, shortcut icon, apple-touch-icon et apple-touch-icon-precomposed, et accepte notamment les formats ICO, PNG, GIF et JPEG.
Google affiche un seul favicon par nom d'hôte. Un sous-domaine comme shop.example.com peut avoir le sien, mais pas un dossier comme example.com/shop.
Quand le réglage n'existe pas dans le créateur de site
Si votre offre masque le champ favicon, passer à une offre supérieure est généralement la seule solution sur les créateurs hébergés, car vous ne pouvez pas modifier vous-même le head de la page. Sur un site auto-hébergé, vous pouvez toujours ajouter la balise link à la main.
Les règles de Google pour les favicons
D'après la page d'aide de Google sur les favicons, octobre 2026
Règle
Détail
Forme
Carrée, rapport 1:1
Taille
Au moins 8x8 px ; plus de 48x48 recommandé
Formats
Tout format de favicon valide, comme ICO, PNG, GIF, JPEG, BMP
Par site
Un favicon par nom d'hôte
Exploration
Googlebot et Googlebot-Image doivent pouvoir le récupérer
Mises à jour
De plusieurs jours à plusieurs semaines ; demandez l'indexation pour accélérer
Exemple de code
Un favicon SVG qui change en mode sombre
Enregistrez le SVG sous le nom icon.svg. Le bloc style qu'il contient change le remplissage lorsque le système du visiteur est en mode sombre. Gardez aussi un favicon.ico, car tous les navigateurs ne lisent pas les icônes SVG.
Les étapes pour votre créateur de site
Site codé à la main (HTML)
Dossier où se trouvent vos icônes
J'ai aussi une icône SVG
À coller dans le head de chaque page
Copier
Copié.
Importez d'abord favicon.ico, icon.png (au moins 48x48) et apple-touch-icon.png (180x180) dans ce dossier.
Webflow
Ouvrez les paramètres de votre site et trouvez le champ favicon ou icône du site.
Importez une image carrée.
Enregistrez, puis publiez le site pour mettre la nouvelle icône en ligne.
La page d'aide de Webflow n'était pas lisible lors de notre vérification : suivez les libellés de votre propre tableau de bord pour les noms de menus et les tailles exacts.
Squarespace
Ouvrez le panneau Favicon.
Faites glisser votre image dans la zone d'import, ou cliquez dessus pour choisir un fichier.
Ajoutez éventuellement une version pour le mode sombre (seulement après avoir défini un favicon par défaut).
Cliquez sur Enregistrer.
La page d'aide conseille de 100x100 à 300x300 pixels, des fichiers .png et pas plus de 100 KB.
Wix
Allez dans Paramètres dans le tableau de bord de votre site.
Cliquez sur Paramètres du site.
Cliquez sur Importer une image sous Favicon.
Choisissez votre fichier.
Nécessite une offre Premium, un domaine connecté et un site publié. L'image doit être un carré multiple de 48 px, sauf s'il s'agit d'un SVG.
Shopify
Dans votre interface administrateur Shopify, allez dans Boutique en ligne.
Trouvez votre thème et cliquez sur Modifier le thème.
Cliquez sur l'icône Paramètres du thème, puis sur Logo ou Favicon selon votre thème.
Sous Image du favicon, cliquez sur Sélectionner une image, choisissez ou ajoutez l'image, puis cliquez sur Terminé.
Cliquez sur Enregistrer.
Shopify considère 16x16 ou 32x32 px comme la taille idéale. Non disponible avec l'offre Starter.
WordPress
Importez une image carrée d'au moins 512 px dans la médiathèque.
Allez dans Réglages, puis Général.
Cliquez sur Choisir une icône de site.
Sélectionnez l'image que vous avez importée.
Avant la version 6.5, le réglage se trouvait dans Apparence, Personnaliser, Identité du site.