Saisissez du texte ou un emoji, exportez un favicon

Saisissez du texte ou un emoji, choisissez une Google Font, et exportez SVG, PNG ou ICO dans le navigateur.

PNG vers Favicon

100% Gratuit

Confidentialité d'Abord

Exportation Instantanée

Plusieurs Formats

Souple

Commencer Voir le Guide

Exemples de Favicons

Cliquez sur n'importe quel exemple pour charger sa configuration

Avertissement : Les exemples sont uniquement à des fins d'inspiration et peuvent ressembler à des marques existantes. Ils ne sont pas affiliés à ou approuvés par une entreprise. logo87.com ne viole aucune marque de commerce et n'est pas responsable du contenu généré par les utilisateurs. Les utilisateurs sont responsables de s'assurer que leurs créations ne violent pas les droits de propriété intellectuelle. Si vous croyez que vos droits ont été violés, veuillez nous contacter et nous le supprimerons.

PNG vers Favicon

Comment fonctionne l’éditeur

Saisissez une lettre, un mot ou un emoji dans le champ ci-dessus. Choisissez une police intégrée ou collez une URL CSS Google Fonts. Couleur, taille, coins, position et rotation mettent à jour l’aperçu tout de suite. Le rendu se fait dans cet onglet ; le design n’est pas envoyé.

Téléchargez un SVG, un PNG 256×256, ou « Tout télécharger » pour un zip des fichiers encore demandés par les navigateurs et appareils. Le zip est créé dans le navigateur à partir du même aperçu.

Si le texte est coupé, réduisez la taille de police ou déplacez la position. Les glyphes emoji varient selon le système : vérifiez l’aperçu sur l’appareil visé.

Ce que vous pouvez exporter

Sans compte

Pas d’inscription. Les designs restent sur votre appareil. Fermer l’onglet les jette.

SVG, PNG, ICO et un zip

SVG et PNG isolés pour un test rapide. « Tout télécharger » rassemble favicon.svg, favicon.ico, apple-touch-icon.png et les PNG 16, 32, 48, 96, 180, 192 et 512.

Polices et couleur

Douze polices intégrées plus n’importe quelle Google Font via une URL CSS. Utilisez les exemples de couleur ou définissez votre paire.

Contenu du zip

« Tout télécharger » écrit ces fichiers. Vous n’êtes pas obligé de tous les utiliser.

favicon.svg pour les navigateurs modernes ; favicon.ico (16×16) pour les clients qui demandent /favicon.ico sans lire le HTML ; apple-touch-icon.png (180×180) pour l’écran d’accueil iOS ; favicon-16x16.png, favicon-32x32.png et favicon-48x48.png pour les onglets et favoris ; favicon-96x96.png pour les raccourcis ; favicon-180x180.png en icône tactile de secours ; favicon-192x192.png et favicon-512x512.png pour le manifeste d’une web app.

Un site simple peut se contenter de favicon.ico et favicon.svg. Ajoutez le PNG 180 pour iOS. Ajoutez 192 et 512 s’il y a un manifeste PWA. Les balises link de chaque fichier sont dans le guide d’installation. Comment ajouter des favicons à votre projet →

Quand utiliser les convertisseurs

Vous avez déjà un logo en PNG ou JPG ? Utilisez PNG vers Favicon. Une image bitmap s’agrandit mal : partez d’un original au moins aussi grand que la plus grande taille exportée. PNG vers Favicon

Vous avez déjà un logo vectoriel ? Utilisez SVG vers PNG. Le vecteur s’agrandit, 512 et 2048 restent nets. 16–512 pour les icônes de navigateur ; 2048 pour les stores ou l’impression, pas les onglets. SVG vers PNG