Générateur de favicon gratuit

Importez votre logo en PNG, SVG ou JPG : l’outil crée favicon.ico (16, 32 et 48 px), les icônes PNG 180, 192 et 512 px, le site.webmanifest et les balises HTML à copier, dans un ZIP. Tout se passe dans votre navigateur : l’image n’est envoyée à aucun serveur, sans compte ni limite d’utilisation.

  • ✓ 100 % dans votre navigateur
  • ✓ Aucun envoi au serveur
  • ✓ Sans compte ni quota

Créer un favicon en 4 étapes

  1. 1

    Importer l’image

    Déposez votre logo ou votre symbole en PNG, SVG ou JPG. Un fichier carré de 512 px ou plus, ou un SVG, donne les icônes les plus nettes.

  2. 2

    Régler le rendu

    Choisissez un fond transparent ou une couleur, ajustez la marge intérieure et vérifiez l’aperçu à 16 et 32 px, les tailles d’un onglet.

  3. 3

    Générer et télécharger

    Cliquez sur « Générer le favicon », puis téléchargez le ZIP : favicon.ico, les trois PNG, site.webmanifest et l’extrait HTML.

  4. 4

    Installer sur le site

    Copiez les fichiers à la racine de votre site et collez les balises dans le <head>, ou importez l’icône dans votre CMS (voir ci-dessous).

Installer le favicon sur votre site

La méthode dépend de votre outil. Dans tous les cas, videz le cache ou ouvrez une fenêtre privée pour voir le nouveau favicon : les navigateurs le gardent longtemps en mémoire.

Site HTML ou framework

  1. Copiez favicon.ico, apple-touch-icon.png, les deux android-chrome et site.webmanifest à la racine du site (là où se trouve index.html, ou le dossier public/ d’un framework).
  2. Collez l’extrait HTML dans le <head> de chaque page, ou du gabarit commun.
  3. Ouvrez https://votresite/favicon.ico : le fichier doit s’afficher sans erreur.

WordPress

  1. Thème classique : Apparence → Personnaliser → Identité du site → Icône du site.
  2. Thème à blocs : dans l’éditeur de site, le bloc Logo du site propose d’utiliser l’image comme icône du site.
  3. Importez android-chrome-512x512.png : WordPress demande une image carrée d’au moins 512 px et crée lui-même les autres tailles.

Shopify

  1. Boutique en ligne → Thèmes → Personnaliser.
  2. Ouvrez les paramètres du thème : le favicon se trouve dans la section Logo ou Favicon, selon le thème.
  3. Importez android-chrome-192x192.png ou le PNG 512 px, puis enregistrez.

Wix

  1. Dans le tableau de bord, ouvrez Paramètres, puis Favicon.
  2. Importez android-chrome-512x512.png et publiez le site.
  3. Wix réserve le favicon personnalisé aux sites avec un forfait Premium et un domaine connecté.

Tailles et formats d’un favicon

Un seul fichier ne suffit plus : chaque surface lit une taille différente. Le pack généré couvre les usages courants.

FichierTailleUsage
favicon.ico16, 32 et 48 pxOnglets, favoris, barre des tâches Windows, résultats de recherche
apple-touch-icon.png180 × 180 pxÉcran d’accueil iPhone et iPad
android-chrome-192x192.png192 × 192 pxÉcran d’accueil Android, manifeste
android-chrome-512x512.png512 × 512 pxÉcran de démarrage, installation comme application
site.webmanifestJSONNom, couleurs et icônes de l’application web

Google recommande une icône carrée, plus grande que 48 × 48 px, accessible aux robots : l’extrait déclare donc aussi le PNG 192 px.

Erreurs fréquentes

  • Mettre le logo complet avec le texte : à 16 px, les lettres deviennent une tache. Utilisez le symbole ou une initiale.
  • Partir d’une petite image : un PNG de 64 px agrandi à 512 px sera flou. Préférez un SVG ou un PNG d’au moins 512 px.
  • Oublier le contraste : une icône sombre disparaît sur un onglet en mode sombre. Testez les deux, ou ajoutez un fond.
  • Placer les fichiers dans un sous-dossier sans adapter les chemins : les balises de l’extrait visent la racine du site.
  • Bloquer le favicon aux robots : un robots.txt qui interdit /favicon.ico empêche Google de l’afficher dans les résultats.
  • Conclure trop vite qu’il ne marche pas : le cache du navigateur et celui de Google mettent du temps à se mettre à jour.

Questions fréquentes

Le générateur de favicon est-il vraiment gratuit ?
Oui. Il n’y a ni compte, ni quota, ni filigrane : la conversion se fait dans votre navigateur, avec ses propres ressources.
Mon image est-elle envoyée sur un serveur ?
Non. Le fichier est lu et converti localement par votre navigateur, puis le ZIP est créé sur votre appareil. Aucune image ne quitte votre ordinateur.
Quelle taille doit faire l’image de départ ?
Idéalement un carré d’au moins 512 × 512 px, ou un SVG. Une image rectangulaire est centrée dans le carré, avec la marge choisie.
Faut-il encore un fichier favicon.ico ?
Oui, c’est le format le plus largement reconnu : navigateurs, favoris, Windows et de nombreux outils le cherchent à la racine du site. Les PNG le complètent pour les mobiles.
Pourquoi mon favicon n’apparaît-il pas dans Google ?
Google doit d’abord explorer la page et l’icône. Vérifiez que le fichier est accessible, carré, plus grand que 48 px, et patientez : la mise à jour peut prendre plusieurs jours ou semaines.
Je n’ai pas encore de logo. Que faire ?
Créez d’abord le logo, puis revenez ici avec son symbole. BrandMotion Lab permet de générer et de comparer des propositions de logo, gratuitement pour commencer.

Pas encore de logo ?

Créez-le avec BrandMotion Lab : vous décrivez votre activité, vous comparez des propositions, puis vous revenez ici en faire le favicon.

Créer mon logo

Pour comprendre les formats et le design d’un bon favicon, lisez aussi notre guide : Favicon : créer l’icône de son site web

Sources