Générateur de Favicon

Un favicon est la petite icône que le navigateur affiche dans l'onglet, les favoris et l'historique. Il n'existe pas de taille unique — les sites modernes en proposent plusieurs : un favicon.ico contenant 16, 32 et 48 px, des icônes PNG jusqu'à 512 px, un apple-touch-icon de 180 px pour iOS, et des icônes de 192/512 px pour Android et les PWA. Ce générateur les crée tous en une seule fois.

Déposez votre PNG (ou JPG, WebP ou SVG) sur l'outil. Il redimensionne votre image à 16, 32 et 48 px et les regroupe dans un seul favicon.ico, avec des icônes PNG autonomes. Téléchargez le zip et copiez favicon.ico à la racine de votre site.

Tout se passe dans votre navigateur, donc les icônes sont créées sur votre propre appareil. La façon dont les données associées à l'outil sont traitées est décrite dans notre politique de confidentialité.

Le zip contient favicon.ico, des favicons PNG (16–512 px), apple-touch-icon.png, des PNG android-chrome-192/512, un site.webmanifest et un snippet HTML prêt à coller. Copiez les fichiers à la racine de votre site et collez le snippet dans le <head> de votre page.

Le format carré fonctionne mieux car les icônes sont carrées. Si votre image n'est pas carrée, elle est centrée et encadrée dans un cadre carré ; vous pouvez aussi ajouter une couleur de fond et du rembourrage pour que l'art non carré s'intègre proprement dans l'icône.

Le transparent (PNG) s'affiche mieux dans la plupart des navigateurs et s'adapte aux onglets clairs et sombres. Utilisez un fond uni si votre logo a des traits fins qui disparaissent sur certains thèmes, ou si vous voulez un look d'icône d'app à coins arrondis.

Oui. Passez en mode Icônes d'app pour exporter l'ensemble iOS complet (40–1024 px pour Xcode et l'App Store) et les densités mipmap Android plus l'icône 512 px du Play Store, organisés dans des dossiers dans le zip.

Téléversez les fichiers à la racine de votre site, puis collez les balises <link> fournies dans le <head> de chaque page (ou votre layout partagé). La ligne favicon.ico couvre les anciens navigateurs ; les lignes PNG et apple-touch-icon couvrent les navigateurs modernes et iOS ; la ligne manifest couvre Android et les PWA installables.

Les navigateurs mettent les favicons en cache de manière agressive. Faites un rechargement forcé, ouvrez le fichier directement (votresite.com/favicon.ico) ou essayez une fenêtre privée. Les onglets et favoris peuvent mettre un peu de temps à se mettre à jour même après que le fichier soit en ligne.

Oui — complètement gratuit, sans filigrane et sans inscription. Générez autant d'ensembles de favicon et d'icônes d'app que vous le souhaitez.