Des aperçus au pixel près
Chaque aperçu est rendu à sa taille réelle, de 16 à 256 pixels, avec une vue 16×16 agrandie. Ce que vous voyez est exactement ce qu'affichent les navigateurs.
16
24
32
48
64
Générateur de favicon : créez un favicon en ligne gratuitement, avec SVG, PNG, ICO et icônes d'app
Générateur de favicon
Concevez votre favicon
Choisissez un point de départ, ajustez jusqu'à ce que ce soit parfait et regardez chaque taille se mettre à jour en direct. Puis téléchargez SVG, PNG, ICO et icônes d'app.
Texte
Un ou deux caractères donnent le meilleur résultat en petite taille.
Police
Graisse
Espacement des lettres0
Chargement…
Partir d'un modèle
20 stylesAperçus en taille réelle
16×16, agrandi 6×La taille qui fait ou défait un favicon. Si la forme est lisible ici, elle l'est partout.
En situation
Mon site
Nouvel onglet
yoursite.com
Exporter
.ico, SVG, PNG de 16 à 512 px, icônes Apple et Android, et un manifeste web
Code d'installation
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Décompressez à la racine de votre site, puis collez ceci dans le <head>.
Pourquoi FavMint
Conçu pour la plus petite toile du web
Un favicon, c'est une première impression de 16 pixels. FavMint vous donne les réglages pour bien le concevoir, et les aperçus pour prouver qu'il fonctionne.
Voyez-le en situation
Onglets clairs et sombres, résultat de recherche et écran d'accueil de téléphone. Repérez les problèmes avant vos visiteurs.
FavMint — Studio favicon
Lettres, icônes, symboles
Tapez une lettre ou vos initiales dans 12 polices choisies, piochez parmi plus de 2 100 icônes open source, ou partez de 20 symboles conçus pour les très petites tailles.
Tous les réglages, sans le fouillis
Dégradés, rotation, bordures, marges, opacité, ombres et positionnement précis, regroupés en quatre onglets simples.
Privé par conception
Pas d'inscription, pas d'envoi de fichiers, pas de pixels de suivi dans vos fichiers. Tout est généré dans votre navigateur.
Le pack complet en un clic
Un .ico multi-tailles, un SVG net, des icônes Apple et Android, un manifeste web et le HTML exact à coller. Le texte est converti en contours vectoriels, pour un SVG identique partout.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Annuler, remixer, partager
Historique d'annulation complet, un bouton Surprenez-moi pour de nouvelles idées, et des liens de partage qui stockent votre design dans l'URL.
Créateur de logo
Transformez votre favicon en logo assorti
Logos texte, lettermarks, monogrammes et combinaisons icône + nom. Reprenez votre favicon, choisissez une mise en page et exportez un SVG propre.
Mintly
AKATELIER KAI
north
Le guide du générateur de favicon
Un générateur de favicon gratuit, conçu pour la plus petite toile du web
FavMint est un générateur de favicon gratuit et un outil de création de favicon qui fonctionne entièrement dans votre navigateur. Vous pouvez créer un favicon en ligne en quelques minutes, à partir d'une lettre, de vos initiales, d'une icône ou d'un symbole, puis télécharger tous les fichiers dont un site moderne a besoin : SVG, PNG, ICO, icônes Apple touch, icônes d'app Android et manifeste web. Aucun compte à créer, aucun filigrane, et rien n'est envoyé sur un serveur. Une fois terminé, le même design passe dans notre créateur de logo gratuit, pour que votre favicon et votre logo soient assortis dès le premier jour.
Qu'est-ce qu'un favicon, et pourquoi est-ce important ?
Un favicon est la petite icône de site qui apparaît dans les onglets du navigateur, les favoris, l'historique, les résultats de recherche et sur l'écran d'accueil d'un téléphone quand quelqu'un enregistre votre site. C'est souvent le premier élément de votre marque qu'un visiteur voit, affiché à seulement 16 ou 32 pixels. Une icône floue ou générique donne l'impression d'un site inachevé et rend votre onglet difficile à retrouver parmi des dizaines d'autres. Un favicon clair et distinctif fait l'inverse : il renforce la reconnaissance à chaque changement d'onglet et aide votre site à se démarquer dans les résultats de recherche, où Google affiche le favicon à côté du titre de la page.
Comment créer un favicon en ligne en quatre étapes
- 1
Choisissez un point de départ
Tapez une lettre ou vos initiales, cherchez parmi plus de 2 100 icônes open source, choisissez l'un des 20 symboles ou partez d'un modèle.
- 2
Personnalisez le style
Choisissez une forme de fond, un remplissage uni ou en dégradé et une police, puis affinez la taille, la rotation, la marge, la bordure et l'ombre.
- 3
Vérifiez en taille réelle
Regardez les aperçus en direct de 16 à 256 pixels, zoomez sur la grille 16×16 et voyez votre icône dans les onglets, les résultats de recherche et sur un écran d'accueil de téléphone.
- 4
Téléchargez et installez
Exportez un SVG, des PNG ou le pack complet, déposez les fichiers à la racine de votre site et collez le HTML fourni.
Chaque modification s'applique instantanément et votre travail est enregistré automatiquement dans le navigateur. Annuler et rétablir sans limite, un bouton Surprenez-moi pour de nouvelles idées et des liens de partage qui stockent tout le design dans l'URL : expérimentez sans jamais perdre une version qui vous plaisait.
Un outil de création de favicon pensé pour les petites tailles
La plupart des générateurs d'icônes se contentent de réduire une grande image en espérant que ça passe. FavMint fait l'inverse. Chaque aperçu est rendu à sa taille réelle en pixels : ce que vous voyez est exactement ce que le navigateur affichera. Une vue 16×16 agrandie révèle si les traits fins disparaissent ou si les lettres se confondent, et des alertes de lisibilité signalent un contraste trop faible, trop de caractères ou des glyphes manquants avant que vos visiteurs ne s'en aperçoivent. Vous disposez de huit formes de fond, dont squircle, cercle, hexagone, bouclier et feuille, de remplissages unis et en dégradé linéaire ou radial, de 12 polices choisies et d'un contrôle précis de la position et des espacements.
Générateur de favicon avec export SVG, PNG et ICO
Chaque navigateur et chaque appareil cherche un fichier différent, alors FavMint les exporte tous. En tant que générateur de favicon avec sortie SVG, il convertit le texte en contours vectoriels avant l'export : votre favicon SVG s'affiche à l'identique sur tous les ordinateurs, même sans la police installée. Un clic suffit pour télécharger un pack ZIP prêt à l'emploi contenant :
favicon.icoicône multi-tailles 16, 32 et 48 px pour les anciens navigateurs et Windowsfavicon.svgun favicon vectoriel qui reste net sur tous les écransapple-touch-icon.pngicône 180×180 pour l'écran d'accueil de l'iPhone et de l'iPadandroid-chrome-192x192.png et 512×512icônes pour Android et les applications web progressivessite.webmanifestle manifeste qui indique aux téléphones quelle icône d'app utiliserExports PNG11 tailles de 16 à 1024 pixels, pour les stores, les profils sociaux et la documentation
Le pack comprend aussi un README et les balises HTML exactes à coller dans le <head> de votre page. Envoyez les fichiers à la racine de votre site, ajoutez les balises, et votre favicon fonctionne sur Chrome, Safari, Firefox, Edge, iOS et Android.
Générateur d'icônes d'app et créateur d'icône de site en un
Le design qui fonctionne à 16 pixels doit aussi être beau en 512 ou 1024. FavMint sert aussi de générateur d'icônes d'app : exportez des PNG haute résolution pour une application web progressive, une fiche sur un store, une extension de navigateur, un espace Discord ou Slack, ou une photo de profil sur les réseaux sociaux. Comme tout est d'abord dessiné en vectoriel, chaque taille est rendue nettement au lieu d'être agrandie depuis une seule image. Que vous ayez besoin d'une icône pour un nouveau projet ou d'un jeu d'icônes cohérent pour un produit existant, vous concevez une fois et exportez partout.
Un créateur de logo gratuit assorti à votre favicon
Un favicon vit rarement seul. Le créateur de logo FavMint est un créateur de logo en ligne et gratuit qui reprend le favicon que vous venez de concevoir pour en faire un logo de marque complet. Choisissez un logotype, un lettermark, un monogramme ou une mise en page icône + nom, tapez le nom de votre marque et exportez un SVG ou un PNG propre en 1×, 2× ou 4×. C'est un créateur de logo personnalisé simple pour les startups, les développeurs indépendants, les créateurs et les petites entreprises qui veulent un rendu professionnel sans engager de graphiste ni payer d'abonnement. Comme le reste de FavMint, le créateur de logo est gratuit et en ligne, sans inscription ni filigrane.
Privé, rapide et gratuit
FavMint n'a pas de serveur applicatif. Le rendu, la conversion PNG, l'encodage ICO et la création du ZIP se font sur votre appareil : vos designs ne sont jamais envoyés ni stockés sur nos serveurs. C'est aussi ce qui rend l'outil rapide : pas de file d'attente, pas d'attente de réponse d'un serveur. Les icônes proviennent de la collection open source Lucide (licence ISC) et les polices utilisent la SIL Open Font License : tout ce que vous créez vous appartient, y compris pour des projets commerciaux.
Conseils pour un favicon qui se démarque
- Limitez-vous à un ou deux caractères, ou à un seul symbole marqué. Les détails disparaissent à 16 pixels.
- Utilisez un fort contraste entre le symbole et le fond pour qu'il reste lisible dans les onglets clairs et sombres.
- Occupez l'espace. Une petite marge donne une icône affirmée plutôt que perdue.
- Reprenez les couleurs de votre marque pour que favicon, icône d'app et logo forment une même famille.
- Vérifiez l'aperçu 16×16. S'il est lisible là, il l'est partout.
Envie d'essayer ? Ouvrez le générateur de favicon ci-dessus et créez votre favicon en ligne en quelques minutes, gratuitement.
Tarifs
Gratuit. Vraiment gratuit.
Tout fonctionne sur votre appareil : pas de serveurs à payer, et rien à cacher derrière un paywall.
Gratuit
0 €pour toujours
Le studio complet. Sans compte, sans filigrane, sans piège.
- Favicons et logos illimités
- Pack complet : ICO, SVG, PNG, icônes Apple et Android
- Plus de 2 100 icônes, 12 polices, 20 symboles, 20 modèles
- Usage commercial : les fichiers sont à vous
- Fonctionne entièrement dans votre navigateur
Soutien
Au choixpaiement unique
Même outil, mêmes fonctionnalités. Participez pour que FavMint reste gratuit et sans publicité.
- Tout le plan Gratuit
- Nos remerciements sincères
- Aide à financer de nouvelles polices, icônes et formes
FAQ
Vos questions sur les favicons et les logos
Tout ce qu'il faut savoir pour créer, dimensionner et installer un favicon, et concevoir un logo de marque qui dure.
Les bases du favicon
Un favicon (de « favorite icon », icône favorite) est la petite icône carrée qui représente un site web. Les navigateurs l'affichent dans les onglets, les favoris et l'historique, Google l'affiche à côté de vos résultats de recherche, et les téléphones l'utilisent quand quelqu'un ajoute votre site à l'écran d'accueil.
Sur un site, le favicon est un petit fichier image, comme favicon.ico, favicon.svg ou un PNG, que la page désigne avec une balise link rel="icon" dans le head HTML. Le navigateur le télécharge et l'affiche partout où le site est identifié, pour que les visiteurs repèrent votre site d'un coup d'œil parmi leurs onglets.
Partez de quelque chose de lisible à 16 pixels : une ou deux lettres, vos initiales ou un seul symbole marqué. Dans FavMint, tapez une lettre ou choisissez l'une des plus de 2 100 icônes, sélectionnez une forme de fond et des couleurs, vérifiez le rendu dans l'aperçu 16×16 en direct, puis téléchargez les fichiers. Aucun logiciel de design ni inscription nécessaire.
Utilisez un générateur de favicon comme FavMint : concevez votre icône dans le navigateur, puis exportez le pack complet en un clic. Il crée favicon.ico, favicon.svg, des PNG en 11 tailles, les icônes Apple touch et Android, un manifeste web et le HTML à coller dans votre site, le tout généré sur votre appareil.
Utilisez un SVG comme favicon principal, car il reste net à toutes les tailles, avec un favicon.ico (16, 32 et 48 px) en secours pour les anciens navigateurs et Windows. Ajoutez un PNG apple-touch-icon de 180×180 pour l'iPhone et des PNG de 192×192 et 512×512 pour Android. Le pack FavMint contient tout cela.
Oui. Tous les navigateurs modernes prennent en charge les favicons PNG. Liez-les avec une balise rel="icon" qui précise type="image/png" et la taille, par exemple sizes="32x32". Le PNG est aussi obligatoire pour les icônes Apple touch et Android. Pour une compatibilité maximale, associez les PNG à un SVG et à un favicon.ico.
Les onglets affichent les favicons en 16×16 et 32×32 pixels : concevez d'abord pour ces tailles. Prévoyez aussi du 48×48 dans le favicon.ico, du 180×180 pour l'Apple touch icon, et du 192×192 et 512×512 pour Android et les manifestes d'applications web. Un favicon SVG couvre toutes les tailles avec un seul fichier.
Envoyez les fichiers du favicon à la racine de votre site, puis ajoutez des balises link dans le head de chaque page : une balise rel="icon" pour favicon.ico, une autre pour favicon.svg et une balise rel="apple-touch-icon" pour apple-touch-icon.png. FavMint vous donne ce code prêt à copier. Forcez l'actualisation de la page si l'ancienne icône est en cache.
Création de logo
Choisissez d'abord un style : un logotype (votre nom dans une police distinctive), un lettermark (initiales), un monogramme ou une icône à côté de votre nom. Choisissez ensuite une ou deux couleurs et une police lisible. Le créateur de logo gratuit de FavMint construit ces quatre mises en page à partir de votre favicon, pour que logo et icône de site soient assortis, et exporte en SVG et PNG.
Sachez ce que votre marque doit évoquer, gardez un design simple et limitez-vous à une ou deux polices et une petite palette de couleurs. Esquissez plusieurs pistes, testez-les en noir et blanc et en petite taille, et demandez des avis honnêtes. Conservez toujours une version vectorielle (SVG) de référence pour un rendu net partout.
Un logo réussi est simple, mémorable et distinctif. Il reste lisible d'un favicon de 16 px à un panneau d'affichage, fonctionne en une seule couleur, correspond à son public et à son secteur, et reste pertinent pendant des années au lieu de suivre les modes. Utilisé de façon cohérente, il devient immédiatement reconnaissable.
Utiliser FavMint
Oui. Le générateur de favicon, tous les formats d'export et le créateur de logo sont gratuits, sans filigrane, sans limite et sans inscription.
Non. Ouvrez le studio et commencez à créer. Votre travail est enregistré automatiquement dans le navigateur, et vous pouvez copier un lien de partage pour le reprendre n'importe où.
Non. Le rendu, la conversion PNG, le fichier .ico et le pack ZIP sont tous créés sur votre appareil. Rien n'est envoyé à un serveur.
Le pack couvre tous les navigateurs et appareils modernes : favicon.ico pour la compatibilité ancienne, favicon.svg pour un rendu net à toute échelle, apple-touch-icon.png pour l'écran d'accueil de l'iPhone, les icônes Android et un manifeste web. Copiez le dossier à la racine de votre site et collez le code d'installation.
Oui. FavMint est un générateur de favicon avec sortie SVG : téléchargez un favicon.svg vectoriel, copiez le code SVG, ou récupérez-le dans le pack complet avec les fichiers PNG et ICO.
Oui. Le pack comprend un Apple touch icon de 180×180, des icônes Android de 192×192 et 512×512 et un manifeste web : le même design devient l'icône de votre app sur l'écran d'accueil de l'iPhone et d'Android.
Oui. Tout ce que vous créez vous appartient. Les icônes viennent de Lucide (licence ISC) et les polices sont open source (SIL Open Font License), toutes deux compatibles avec un usage commercial.
Il ne le sera pas. FavMint convertit le texte en contours vectoriels avant l'export : votre SVG s'affiche à l'identique sur toutes les machines, même sans la police installée.
Un ou deux caractères ou un seul symbole marqué, un fort contraste et une forme simple. Utilisez la loupe 16×16 : s'il est lisible là, il l'est partout.
Votre site mérite un meilleur onglet
Deux minutes, zéro inscription, tous les fichiers dont vous avez besoin.