Aller au contenu
Browser Tools Santé

Générateur de favicon

Créez toutes les icônes dont votre site a besoin, du favicon.ico aux icônes iPhone et Android, à partir d'une lettre, d'un emoji ou de votre logo. Téléchargez un seul zip avec le code HTML à coller.

  • Gratuit, sans inscription
  • Fonctionne dans votre navigateur
  • Mis à jour

Choose an image to see your icon

Paste this into your site's <head>

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

The zip has favicon.ico (16, 32 and 48 px), PNGs for browsers, iPhone and Android, and site.webmanifest.

Les boutons et libellés de l'outil sont en anglais pour le moment.

Lire le guide complet (en anglais) : How to Create a Favicon for Your Website (ICO, PNG, Apple)

Comment créer un favicon

Réponse rapide : Pour créer un favicon, choisissez du texte ou une image, sélectionnez couleurs et forme, téléchargez le pack et ajoutez-le à votre site.

  1. Choisissez du texte ou une image. Saisissez 1 à 3 lettres ou un emoji, ou importez votre logo (un PNG ou SVG carré donne le meilleur résultat).
  2. Choisissez couleurs et forme. Regardez les petits aperçus : ils montrent le rendu de l'icône dans un onglet de navigateur.
  3. Téléchargez le pack. Le zip contient favicon.ico, les icônes PNG et un site.webmanifest.
  4. Ajoutez-le à votre site. Copiez les fichiers à la racine de votre site et collez le code HTML dans la balise <head>.

Quelles tailles de favicon faut-il ?

favicon.ico (16, 32 et 48 px) pour les onglets et Windows, une apple-touch-icon de 180 × 180 pour les iPhone, et des icônes de 192 et 512 px pour Android et les applis web installées. Le zip contient tout.

Conseils pour un favicon lisible

À 16 pixels, les détails disparaissent. Utilisez une ou deux lettres bien grasses ou un symbole simple, avec un fort contraste entre l'icône et son fond.

Questions fréquentes

Comment ajouter un favicon à WordPress ?

Dans WordPress, allez dans Apparence → Personnaliser → Identité du site → Icône du site et importez le fichier android-chrome-512x512.png du zip.

Puis-je utiliser un emoji comme favicon ?

Oui. Saisissez-le dans la zone de texte. Il est dessiné avec la police d'emoji de votre appareil.

Pourquoi mon nouveau favicon ne s'affiche-t-il pas ?

Les navigateurs gardent les favicons longtemps en cache. Ouvrez votre site dans une fenêtre privée ou videz le cache pour le voir.