Favicon Generator

Créez un favicon personnalisé à partir d'un texte ou emoji

Contenu

1/3 caractères

Couleurs

Palettes prédéfinies

Typographie & Taille

60%
10%100%
20%
CarréCercle

Aperçu

Prévisualisation 128×128

Mon Site Web

Simulation onglet navigateur

Télécharger

💡 Comment utiliser votre favicon

1

HTML classique

Ajoutez dans le <head> de votre HTML :

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png">
2

Next.js / React

Placez favicon.ico dans /public ou /app :

// app/layout.tsx
export const metadata = {
  icons: { icon: '/favicon.ico' }
}
3

WordPress / CMS

Dans les réglages de votre CMS :

  • • WordPress: Apparence → Personnaliser → Identité du site
  • • Wix: Paramètres → Icône de site
  • • Shopify: Boutique en ligne → Thèmes → Personnaliser

Note : Le fichier .ico téléchargé est un PNG renommé. Pour une vraie compatibilité ICO multi-résolution, utilisez un outil comme ImageMagick : convert favicon.png favicon.ico