Générateur de favicon
- Les fichiers ne quittent pas votre appareil
- S’exécute dans le navigateur
- Gratuit, sans compte, sans filigrane
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
Comment utiliser Générateur de favicon
Créez un favicon sans outil de design : saisissez quelques lettres, choisissez un emoji, ou choisissez une icône parmi huit collections open source, puis stylisez l'arrière-plan et la forme. Vous obtenez le pack complet (ICO, PNG, SVG, icônes Apple et Android, manifeste) construit dans votre navigateur.
- 1
Sous Dessin, choisissez Lettres, Emoji ou Icône.
- 2
Saisissez une à trois lettres et choisissez une Police et une Graisse, saisissez ou choisissez un emoji (Parcourir tous les emoji ouvre la liste complète), ou cherchez une icône comme rocket ou cloud et cliquez dessus.
- 3
Dans Premier plan, réglez la Couleur et la Taille ; dans Style de l'icône, choisissez l'Arrière-plan, la Forme, le Rayon des coins et la Marge.
- 4
Renseignez les Détails du site et les tailles de Sortie, en vérifiant les aperçus d'onglet clair et sombre et l'aperçu d'écran d'accueil.
- 5
Cliquez sur Télécharger le pack (ZIP), téléversez les fichiers sur votre site, et copiez les balises de Coller dans le <head> dans votre page.
Questions fréquentes
Quelque chose est-il envoyé à un serveur ?
Non. Les icônes sont dessinées dans votre navigateur. Les collections d'icônes sont chargées depuis XTools seulement lorsque vous les ouvrez ou les recherchez, la première utilisation d'une collection exige donc une connexion.
Quelles collections d'icônes sont incluses ?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons et Font Awesome Brands. Lucide se charge en premier ; pendant une recherche, Rechercher dans les 8 collections télécharge le reste une seule fois (environ 13 Mo).
Puis-je utiliser les icônes sur un site commercial ?
Chaque collection conserve sa propre licence open source, vérifiez-la donc avant de vous appuyer sur une icône comme logo. Font Awesome Brands sont les logos d'autres sociétés et ne doivent pas servir de marque propre.
Pourquoi mon emoji a-t-il un aspect différent sur un autre ordinateur ?
Les emoji et les lettres sont dessinés avec les polices de votre appareil, les fichiers PNG et ICO montrent donc le style d'emoji de votre système. favicon.svg les conserve en texte, chaque navigateur de visiteur les dessine donc avec ses propres polices.
Combien de lettres puis-je utiliser ?
Une à trois convient le mieux ; le champ accepte jusqu'à quatre caractères. Un texte plus long rétrécit pour tenir dans l'icône, et les caractères chinois ou japonais fonctionnent aussi.
Le favicon peut-il avoir un arrière-plan transparent ?
Oui, réglez Arrière-plan sur Aucun. L'icône Apple touch et l'icône maskable reçoivent quand même un carré blanc, car les écrans d'accueil n'affichent pas la transparence.