Générateur de favicon

Comment ça marche

Comment créer un favicon

Du logo au pack complet en moins d’une minute.

1
Choisir la source
Déposez un logo (PNG, JPG, SVG, WebP), saisissez une ou deux lettres, ou choisissez un emoji.
2
Ajuster l’apparence
Réglez le fond, la forme, la marge et les couleurs, puis vérifiez le rendu dans l’onglet, le résultat Google et l’écran d’accueil.
3
Télécharger et installer
Téléchargez le ZIP, placez les fichiers à la racine de votre site et collez le HTML dans l’en-tête de vos pages.

Pourquoi ToolCMB

Une source, toutes les icônes

Les fichiers que les navigateurs, les téléphones et les moteurs de recherche demandent réellement.

Pack complet

favicon.ico, PNG, SVG, icône Apple Touch, icônes Android, icône maskable et manifeste web dans un seul ZIP.

Lettres et emoji

Pas encore de logo ? Créez une icône soignée à partir d’une ou deux lettres ou d’un emoji, à vos couleurs.

Aperçus réalistes

Voyez l’icône dans un onglet clair et sombre, dans un résultat Google et sur l’écran d’accueil d’un téléphone.

Prêt pour les téléphones

L’icône Apple Touch reçoit un fond opaque et l’icône maskable garde votre logo dans la zone de sécurité.

Fond et forme

Fond transparent, coloré ou en dégradé ; forme carrée, arrondie ou ronde ; marge réglable.

Petites tailles nettes

Les images sont réduites en plusieurs étapes : l’icône de 16 px reste aussi lisible que la source le permet.

HTML à coller

Les balises link correspondent aux fichiers du pack et utilisent le dossier que vous indiquez.

Privé

Votre logo est traité sur votre appareil. Il ne quitte jamais votre navigateur.

Quelles tailles et quels fichiers de favicon faut-il en 2026 ?

Un favicon est la petite icône que les navigateurs affichent dans les onglets, les favoris et l’historique, et que Google place à côté de votre site dans les résultats de recherche. Autrefois, un seul favicon.ico de 16 × 16 suffisait. Aujourd’hui, l’icône apparaît aussi sur l’écran d’accueil des téléphones, dans les applications web installées et sur les écrans haute résolution : un site a donc besoin d’un petit jeu de fichiers plutôt que d’un seul.

Le minimum moderne est court : un favicon.ico contenant les tailles 16, 32 et 48 px pour les anciens navigateurs et outils, un SVG ou un PNG d’au moins 96 px pour des onglets nets et pour la recherche Google (qui demande une icône carrée dont la taille est un multiple de 48 px), une icône Apple Touch de 180 × 180 pour l’iPhone et l’iPad, et des icônes de 192 et 512 px déclarées dans un site.webmanifest pour Android et les applications web installées.

Deux détails passent souvent inaperçus. iOS ne gère pas la transparence des icônes d’écran d’accueil et remplit les zones transparentes en noir : l’icône Apple Touch doit donc avoir un fond opaque. Android peut rogner les icônes en cercle ou en carré arrondi ; une icône maskable garde l’essentiel dans les 80 % centraux pour que rien ne soit coupé. Ce générateur s’occupe des deux automatiquement.

Fichiers de favicon et leurs usages

Fichier	Taille	Utilisé par
favicon.ico	16, 32, 48 px	Tous les navigateurs, anciens outils, lecteurs de flux
favicon.svg	Vectoriel	Navigateurs récents (onglets, favoris)
favicon-96x96.png	96 × 96 px	Recherche Google, onglets haute résolution
apple-touch-icon.png	180 × 180 px	Écran d’accueil de l’iPhone et de l’iPad
android-chrome-512x512.png	512 × 512 px	Android, applications web installées, écran de lancement
maskable-icon-512x512.png	512 × 512 px	Icônes adaptatives sous Android

Conseils

Partez d’une image carrée d’au moins 512 px ou d’un SVG. Si votre logo est plus grand ou n’est pas carré, préparez-le avec Redimensionner une image.
Un logo détaillé devient une tache à 16 px. Pour le favicon, gardez uniquement le symbole ou l’initiale, et réservez le logo complet à l’en-tête.
Tant que vous ajoutez des icônes, créez l’image de partage assortie pour les réseaux sociaux avec le Générateur d’image OG.
Logo sur un cadre blanc ou coloré ? Détourez-le d’abord avec Supprimer l’arrière-plan pour obtenir un favicon transparent.

FAQ

Questions fréquentes

Vous ne trouvez pas votre réponse ? Contactez-nous — nous répondons rapidement.

Quelle taille doit avoir un favicon ?

Il n’y a plus de taille unique. Les navigateurs utilisent de 16 à 48 px, la recherche Google demande un multiple de 48 px, iOS utilise 180 px et Android 192 et 512 px. Le pack les contient toutes.

Faut-il encore un fichier favicon.ico ?

Oui, en solution de repli. Certains navigateurs, lecteurs de flux et outils demandent directement /favicon.ico ; garder ce fichier à la racine évite les erreurs d’icône manquante.

Où placer les fichiers du favicon ?

Dans le dossier racine de votre site, à côté de la page d’accueil, puis collez le HTML généré dans le <head> de chaque page. Si vous utilisez un autre dossier, indiquez-le dans « Dossier des icônes ».

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

Les navigateurs gardent longtemps les favicons en cache. Ouvrez directement l’adresse de l’icône et rechargez-la, ou testez dans une fenêtre privée. Google peut mettre de plusieurs jours à plusieurs semaines pour actualiser l’icône dans ses résultats.

Puis-je créer un favicon à partir d’un texte ou d’un emoji ?

Oui. Choisissez « Lettres » ou « Emoji », réglez les couleurs et la forme : le générateur crée aussi un petit favicon SVG qui reste net à toutes les tailles.

Mon logo est-il envoyé sur un serveur ?

Non. Les icônes sont générées dans votre navigateur et le fichier ZIP est créé sur votre appareil. Le logo n’est jamais envoyé ni stocké.

Aperçu

Fichiers du pack

HTML pour votre site