Aperçu des onglets avant export
Testez le favicon sur des onglets clairs et sombres avant de générer les fichiers.
Créez favicon.ico et des PNG favicon avec aperçu d'onglet en direct
Cette page convient aux sites, SaaS et pages produit qui ont besoin d'un set favicon propre et cohérent.
Un logo importé, des icônes pour toutes les plateformes
Visualisez immédiatement le rendu favicon, desktop et mobile
Browser
Desktop
Mobile
Essayer le générateur
Cette page est optimisée pour favicon.ico, la visibilité dans les onglets navigateur et la lisibilité en très petite taille.
Aperçu en direct
La simulation d'onglet montre si l'icône reste reconnaissable en usage réel.
Aperçu onglet navigateur
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
Aperçu macOS Dock
App
Aperçu barre des tâches Windows
App
10:00
Aperçu écran d'accueil mobile
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Réglages et export
Ajustez le fond et la marge en pensant d'abord aux tailles 16x16 et 32x32.
Changer l'image
Une image de démonstration est chargée par défaut. Importez votre logo pour vérifier un vrai export.
Réglages de l'image
Affinez l'image importée avant l'export.
Standard Rounded
20%
22.5%
0%
centre = 0
Déplacez l'image importée autour de son centre avec les décalages X/Y.
0%
0%
Aurora Mesh
Couleurs pleines
Dégradés
Mesh et grille
Effets verre
Motifs
Halo
Le zip contient :
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Angles vifs
desktop-*.png256/1024
site.webmanifestJSON
favicon.ico et tailles PNG
Générez favicon.ico en plus des PNG 16x16 et 32x32 pour couvrir les cas modernes et hérités.
Cohérence du système d'icônes web
Gardez le même traitement visuel sur les onglets, favoris, Apple touch icons et icônes Android.
Créer un pack favicon
1. Importer le symbole web
Utilisez un pictogramme ou une version compacte du logo.
2. Optimiser pour les petites tailles
Ajustez marge et fond pour une bonne lisibilité en 16x16 et 32x32.
3. Télécharger le pack favicon
Exportez un zip contenant favicon.ico, PNG et manifest.
FAQ favicon
Le fichier favicon.ico est-il inclus ?
Oui. Le zip contient favicon.ico en plus des PNG favicon.
Pourquoi l'aperçu d'onglet est-il important ?
Un favicon est affiché en très petite taille. L'aperçu d'onglet révèle mieux les problèmes réels de lisibilité.
Puis-je aussi l'utiliser pour une PWA ?
Oui. Le pack inclut également Apple touch, Android Chrome et manifest.