Choisissez votre visuel
Importez un SVG pour des icônes plus nettes et un favicon SVG, ou un PNG, JPG, WebP ou HEIC. Avec un compte, vous pouvez plutôt choisir l’un de vos résultats débloqués.
Générateur de favicon et d’icônes PWA
Un seul import, toutes les icônes qu’un onglet de navigateur ou un écran d’accueil demande, plus les balises qui y renvoient.
Créez votre jeu de favicons
SVG, PNG, JPG, WebP, HEIC · jusqu’à 8 Mo · gratuit pour vos propres fichiers et vos résultats débloqués
Ce que fait cet outil
Crée toutes les icônes dont votre site a besoin à partir d’une seule image : favicon.ico, des favicons PNG, un favicon SVG (à partir d’un SVG), une icône Apple touch sur votre couleur de fond, et des icônes d’app web — y compris des icônes maskable qui restent lisibles quand un téléphone les rogne à sa propre forme. Le ZIP contient aussi site.webmanifest et favicon.html, les balises à coller dans vos pages. Un PNG, JPG, WebP ou HEIC obtient toutes les icônes sauf le favicon SVG ; cet outil ne vectorise pas les images.
Par sécurité, les scripts, animations, contenus web intégrés, liens et tout ce qui charge un autre fichier sont retirés ; votre visuel et les images PNG, JPEG ou WebP intégrées restent. Le résultat liste tout ce qui a été retiré.
Entrées, sorties et limites
Entrée
SVG, PNG, JPEG, WebP ou HEIC
Sortie
ZIP avec favicon.ico, favicons PNG, un favicon SVG (sources SVG), une icône Apple touch, des icônes PWA, site.webmanifest et les balises HTML
Limites
Fichiers jusqu’à 8 Mo ; images PNG, JPG et WebP jusqu’à 24 mégapixels, réduites à 1 536 px avant l’export. Il crée favicon.ico avec des images de 16, 32, 48 px, des favicons PNG de 16 et 32 px, une icône Apple touch de 180 px et des icônes d’app de 192 et 512 px, chacune aussi en icône maskable dont le visuel reste dans la zone de sécurité (un cercle centré dont le rayon fait 40 % de la taille de l’icône). Limite de traitement : 30 s.
Comment ça marche
Nommez-le et choisissez des couleurs
Le nom et le nom court vont dans le manifeste web. La couleur de thème est la teinte que certains navigateurs donnent à leur interface ; la couleur de fond remplit l’icône Apple touch et les icônes maskable.
Importez les fichiers et collez les balises
Placez tous les fichiers du ZIP dans le dossier indiqué comme préfixe de chemin, puis collez les balises de favicon.html dans le head de chaque page. Le README du ZIP explique à quoi sert chaque fichier.
Dépannage
Pourquoi n’y a-t-il pas de favicon.svg ?
Un favicon SVG n’est créé qu’à partir d’un SVG entièrement vectoriel. Un PNG, JPG, WebP ou HEIC, ou un SVG contenant une image, reçoit à la place les favicons PNG et ICO, et le résultat l’indique.
L’ancienne icône s’affiche encore
Les navigateurs gardent longtemps les favicons en cache. Ouvrez la page dans une fenêtre privée, ou effacez les données du site, pour voir les nouveaux fichiers.
Mon logo paraît petit dans l’icône maskable
Les lanceurs peuvent rogner une icône maskable en cercle : le visuel est donc mis à l’échelle pour tenir dans la zone de sécurité circulaire. Réduisez la marge pour l’agrandir ; un logo rond peut remplir tout le cercle.
Le préfixe de chemin modifie-t-il le manifeste ?
Non. Les chemins des icônes dans site.webmanifest sont relatifs au manifeste : ils fonctionnent depuis n’importe quel dossier tant que les fichiers restent ensemble. Le préfixe définit les chemins dans favicon.html.
Accès et tarifs
Cet outil n’utilise pas de crédits sur un fichier que vous importez ou sur un résultat déjà débloqué. Les fichiers sont conservés 24 heures pour les invités et 30 jours avec un compte. Voir les tarifs.