TonySkill

Créer un favicon avec des lettres

Pas encore de logo ? Créez un favicon avec une à quatre lettres : police, couleurs, forme ronde ou arrondie. Paquet complet pour le web, iPhone et Android.

Mon site
Mon site
iPhone
Android
Maskable
16 px
32 px
48 px

favicon.ico (16, 32, 48 px), PNG 16, 32 et 96 px, icône Apple 180 px, icônes Android 192 et 512 px, icône maskable, site.webmanifest et code HTML.

Couleur du texte
Fond
Forme

Votre site

Couleur du thème
Code à coller dans <head>
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Copiez aussi les fichiers du ZIP dans ce dossier de votre site. Le fichier favicon-html.txt du ZIP contient ce même code.

Comment créer un favicon avec des lettres

  1. Tapez vos initiales ou le nom court de votre site.

  2. Choisissez la police, la couleur du texte, le fond et la forme : carrée, arrondie ou ronde.

  3. Téléchargez le paquet complet et collez le code HTML fourni dans votre site.

Points forts

Le paquet complet
favicon.ico multi-tailles, PNG pour Google, icône Apple, icônes Android et manifeste : tout ce qu'attendent les navigateurs en 2026, rien de superflu.
Aperçu en situation
Voyez votre favicon dans un onglet clair et sombre, à 16 px réels, et sur l'écran d'accueil d'un iPhone et d'un Android.
Code HTML prêt
Les balises à coller dans <head> sont écrites pour vous, avec le dossier de votre choix.
Rien n'est envoyé
Votre logo est traité dans votre navigateur et ne quitte pas votre appareil.

Outils liés