Générateur de favicon
Créez l'icône de votre site à partir d'un logo, de lettres ou d'un emoji et téléchargez le jeu complet : favicon.ico, icônes pour iPhone et Android, manifeste et code à insérer.
Dans l'onglet du navigateur
Toutes les tailles
Fichiers
Code pour <head>
Placez les fichiers à la racine du site, à côté de la page d'accueil, et collez ce code dans la balise head de chaque page.
Un favicon en quelques minutes
- 1Choisissez la baselettres, emoji ou votre image
- 2Réglez le stylecouleurs, police, arrondi et taille
- 3Téléchargez le jeuZIP avec icônes, manifeste et code
Texte, emoji ou image
Des lettres sur fond coloré, c'est l'option la plus courante : la première lettre du nom reste lisible même à 16 px. Un emoji est un moyen rapide d'avoir une icône vive sans designer. Pour un logo, prenez-le carré et sans petits détails : à 16 px, tout ce qui est petit se confond.
Vérifiez la petite taille
Regardez l'aperçu dans l'onglet en thème clair et sombre. Si le symbole se perd sur l'onglet sombre, ajoutez un fond ou choisissez une couleur plus vive. Des marges autour de l'image aident quand le logo touche les bords.
Que faire des fichiers
Placez tous les fichiers de l'archive à la racine du site, à côté de la page d'accueil, et collez le code dans la section head. Dans WordPress, Tilda et les autres constructeurs de sites, il suffit généralement d'importer favicon.ico ou un PNG de 512 px dans les réglages du site.
Questions fréquentes
Pas de réponse ? Écrivez-nous, on vous aide.
Ici, vous créez votre propre icône de zéro. "Favicon du site" fait l'inverse : à partir d'un lien, il trouve et télécharge les icônes déjà présentes sur un autre site.
Au minimum, favicon.ico à la racine du site : tous les navigateurs le cherchent. Un PNG de 32 px donne une icône nette dans l'onglet, apple-touch-icon.png de 180 px l'icône sur l'écran de l'iPhone, et site.webmanifest avec des icônes de 192 et 512 px sert à Android et aux PWA.
Trois images : 16, 32 et 48 px au format PNG. Le navigateur et Windows choisissent eux-mêmes la bonne taille.
iOS arrondit lui-même les coins de l'icône sur l'écran d'accueil et remplit les zones transparentes en noir. C'est pourquoi nous enregistrons apple-touch-icon carrée et avec un fond : blanc si vous avez choisi un fond transparent.
Oui. L'emoji est dessiné avec la police de votre système : sur iPhone dans le style Apple, sur Windows dans le style Microsoft, sur Android dans le style Google. Le fichier reprend l'aspect que vous voyez dans l'aperçu.
Décompressez l'archive à la racine du site et collez le code du bloc "Code pour <head>" dans la balise head. Si l'icône n'a pas changé, rechargez la page sans cache : les navigateurs gardent longtemps l'ancien favicon en mémoire.
Essayez aussi
Gratuits aussi, sans inscription