Générateur de favicon
Créez un pack complet de favicons à partir d'un logo, d'une icône ou d'un monogramme — favicon.ico, PNG modernes, icône Apple, icônes PWA, manifeste web et extrait HTML.
Déposez un logo, choisissez une icône ou saisissez un monogramme — nous générons toutes les favicons d'un site moderne : le favicon.ico classique, l'icône Apple, les icônes PWA et un extrait HTML prêt à coller.
À propos de Générateur de favicon
Le Générateur de favicon construit toutes les icônes dont un site web moderne a besoin à partir d'une seule source : importez un logo PNG, choisissez une icône de police, ou saisissez un monogramme. Le package inclut le favicon.ico classique (16, 32 et 48 px), des favicons PNG modernes, l'icône tactile Apple de 180 px, des icônes PWA de 192 et 512 px, un site.webmanifest et l'extrait HTML à insérer dans l'en-tête.
La mise en forme est gérée dans l'outil : choisissez une couleur de fond ou gardez la transparence, découpez en carré, arrondi ou cercle, ajustez le padding et la taille du visuel, et définissez la couleur du thème utilisée par l'interface du navigateur et le manifeste PWA. Un aperçu en direct montre votre icône en situation réelle — un onglet de navigateur de 16 px, un favori, la tuile tactile Apple et une icône PWA.
Tout est rendu sur un canvas dans votre navigateur, et Générer assemble l'ensemble du package dans un ZIP avec un README. L'installation se fait en deux étapes : décompresser à la racine de votre site et coller l'extrait fourni dans votre <head>.
Comment utiliser Générateur de favicon
- Choisissez votre source : importez un logo PNG, choisissez une icône de police, ou saisissez un monogramme.
- Stylisez-le — couleur de fond ou transparence, forme, padding et taille du visuel.
- Renseignez le nom du site, le nom court et la couleur du thème pour le manifeste PWA.
- Vérifiez les aperçus : onglet de navigateur, favori, contextes Apple touch et PWA.
- Cliquez sur « Générer les favicons » et décompressez le package à la racine de votre site web.
- Collez l'extrait HTML du package dans le <head> de votre page.