Guide

Générateur HTML de favicon

Le favicon ne représente que la moitié du travail — ce sont les balises link HTML qui déterminent quel fichier chaque navigateur sélectionne. Générez le jeu complet et correct en un clic.

Une configuration favicon complète inclut des balises pour favicon.ico, une variante SVG, un apple-touch-icon et les icônes du manifest PWA. En omettre une seule entraîne une icône par défaut sur au moins une plateforme.

Générez les balises ici, collez-les dans votre <head>, et c'est terminé.

Comment ça marche

  1. 1

    Générez votre favicon

    Utilisez le générateur pour produire .ico + PNG + SVG.

  2. 2

    Copiez les balises

    Collez le bloc <link> généré dans votre <head>.

  3. 3

    Vérifier

    Ouvrez votre site dans Chrome, Safari, Firefox et Edge — tous doivent afficher l'icône.

Essayez maintenant

Obtenir les balises HTML

Générateur de Favicon

FAQ

Quelle balise est la plus importante ?+

<link rel="icon" href="/favicon.ico"> — c'est le fallback universel.

Ai-je besoin d'un manifest.json ?+

Uniquement si vous souhaitez une véritable expérience d'installation PWA. Sinon, c'est optionnel.

Où va l'apple-touch-icon ?+

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.

Outils associés

Plus de guides

Guides

Explorer FetchFavicon

Catégories

Convertisseurs

Utilitaires

Guides

Tutoriels