Aller au contenu
IconHub
⌘K
Se connecterRejoindre gratuitement
Outil gratuit

Générateur de favicon et d’icônes d’app

Choisissez une icône ou importez votre logo, réglez la forme et les couleurs, puis téléchargez des jeux d’icônes prêts pour votre site, votre extension Chrome et vos apps iOS et Android.

Pas encore d’icôneDéposez un SVG, PNG ou JPG ici
Partir d’une icône
Trouver une autre icône
Forme
Couleur de fond
62%
Pas encore d’icône

Télécharger pour votre plateforme

Tout est créé dans votre navigateur. Vos fichiers importés ne quittent jamais votre appareil.

8 fichiersSite webUn favicon pour tous les navigateurs, l’Apple touch icon et les icônes d’installation avec un manifeste web.
Fichiers de ce ZIP
  • favicon.ico
  • favicon.svg
  • apple-touch-icon.png
  • icon-192.png
  • icon-512.png
  • icon-maskable-512.png
  • site.webmanifest
5 fichiersExtension ChromeIcônes pour la barre d’outils et la boutique, avec la marge demandée par le Chrome Web Store. Fonctionne aussi pour Edge et Firefox.
Fichiers de ce ZIP
  • icons/icon16.png
  • icons/icon32.png
  • icons/icon48.png
  • icons/icon128.png
5 fichiersApp iOSUne icône d’app de 1024 px pour Xcode, avec des versions sombre et teintée pour iOS 18 et plus.
Fichiers de ce ZIP
  • AppIcon.appiconset/AppIcon-1024.png
  • AppIcon-1024-dark.png
  • AppIcon-1024-tinted.png
  • Contents.json
25 fichiersApp AndroidUne icône adaptative avec calque monochrome pour les thèmes, des icônes de lanceur pour les anciens téléphones et une icône Play Store de 512 px.
Fichiers de ce ZIP
  • res/mipmap-*/ic_launcher.png
  • ic_launcher_round.png
  • ic_launcher_foreground.png
  • ic_launcher_monochrome.png
  • mipmap-anydpi-v26/*.xml
  • playstore-icon.png

Ajouter les icônes à votre site

Décompressez le jeu pour le web à la racine publique de votre site, puis collez ces quatre lignes dans le head de vos pages.

index.html · <head>
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Autres outils gratuits

Tous les outils

Questions

De quels fichiers favicon un site a-t-il besoin ?

Un favicon.ico avec des images de 16, 32 et 48 px pour les navigateurs et les résultats de recherche, un favicon SVG pour les navigateurs récents, une Apple touch icon de 180 px et des icônes de 192 et 512 px déclarées dans un manifeste web. Le ZIP pour le web contient tout cela, ainsi que le HTML à ajouter.

Pourquoi les icônes iOS et Android remplissent-elles tout le carré ?

Les deux systèmes découpent les icônes selon leur propre forme et n’acceptent pas les coins transparents. Le générateur remplit le carré avec votre couleur de fond et garde le dessin dans la zone sûre, pour que rien ne soit rogné.

Qu’est-ce qu’une icône maskable ?

Android et certains navigateurs découpent les apps web installées en cercles ou en carrés arrondis. L’icône maskable garde le dessin dans les 80 % centraux de l’image, pour que la découpe ne le touche jamais.

Puis-je utiliser mon propre logo ?

Oui. Importez un SVG, un PNG ou un JPG : il est décliné dans toutes les tailles directement dans votre navigateur. Le fichier n’est pas envoyé à IconHub. Un SVG, ou un PNG d’au moins 512 px, donne le résultat le plus net.

Puis-je utiliser ces icônes dans une app commerciale ?

Oui. Les icônes IconHub sont gratuites pour un usage personnel et commercial avec attribution (« Icons by IconHub »). Ce que vous importez reste à vous.