Générateur de favicon
Générez rapidement le code HTML de vos favicons et une icône SVG personnalisée avec vos émojis et vos couleurs préférées.
Exécuter l’outil
Ce générateur de favicon produit directement le balisage HTML ainsi que le code SVG prêt à intégrer sur votre site web. Vous pouvez définir un émoji central, ajuster la couleur de fond en code hexadécimal et choisir la teinte du texte ou du symbole pour concevoir une icône sur mesure. Si vous possédez déjà une adresse pour une icône existante, l'outil l'insère automatiquement dans deux balises de liaison standard au sein du code HTML produit. La sortie fournit également une balise intégrant une URI de données SVG pour les navigateurs modernes, accompagnée du balisage vectoriel complet. Le champ consacré au titre du site reste disponible dans le formulaire, même s'il n'apparaît pas dans les balises finales générées. Cette interface en ligne vous aide à obtenir des extraits de code propres pour vos en-têtes web sans devoir dessiner manuellement chaque fichier graphique.
Mode d’emploi
- Indiquez l'émoji souhaité au centre de votre icône.
- Choisissez la couleur de fond et la couleur du texte au format hexadécimal.
- Renseignez éventuellement l'URL d'une icône distante si vous disposez d'un lien d'image externe.
- Lancez la génération pour afficher le code HTML et le balisage SVG correspondant.
- Copiez le code produit pour l'insérer dans l'en-tête de votre page web.
Exemples
- Pour un site d'actualités technologiques : utilisez un symbole de fusée avec un fond #0f172a et un texte #38bdf8 pour obtenir un code SVG et des balises HTML prêtes à l'emploi.
- Pour une boutique artisanale avec image hébergée : indiquez https://example.com/assets/logo.png dans le champ d'URL d'icône pour générer les balises de liaison associées.
FAQ
Le titre du site modifie-t-il les balises générées ?
Le champ du titre du site est présent dans le formulaire mais sa valeur n'est pas insérée dans le balisage HTML ou SVG obtenu.
Comment intégrer le résultat sur un site web ?
Copiez les balises HTML générées et collez-les dans la section <head> de vos pages HTML pour déclarer vos favicons.
Quels navigateurs prennent en charge les favicons SVG ?
La plupart des navigateurs web récents prennent en charge les favicons vectoriels au format SVG et les liens data-URI.