Retouchez vos photos avec l'IA — décrivez simplement le changementOuvrir
PhotoRetrica

Générateur de favicon

Transformez un logo, un SVG, une lettre ou un émoji en jeu de favicons complet pour navigateurs, Google, iPhone et Android, avec aperçus en direct et code d'installation prêt à l'emploi.

Vos fichiers ne quittent jamais votre appareil100 % gratuit

Mode d’emploi: Générateur de favicon

  1. 1

    Choisissez une source

    Importez un logo PNG, JPG, WebP ou SVG et recadrez-le en carré, ou saisissez une lettre ou un émoji et choisissez la police et les couleurs.

  2. 2

    Réglez chaque plateforme

    Définissez l'arrière-plan, les coins et la marge pour les navigateurs, iOS et Android, rendez l'icône Android adaptative et vérifiez les aperçus en direct de l'onglet, de la recherche et de l'écran d'accueil.

  3. 3

    Téléchargez et installez

    Récupérez favicon.ico, favicon.svg, les icônes PNG et site.webmanifest dans un seul ZIP, puis suivez les instructions pour HTML, Next.js, Vite ou WordPress.

Ce que contient un jeu de favicons moderne

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et les résultats de recherche Google ; sur les téléphones, il devient l'icône de votre site sur l'écran d'accueil. Chaque plateforme demande ses propres fichiers : un favicon moderne n'est donc pas une seule image, mais un petit ensemble d'images accompagné d'un manifeste d'application web.

Importez un logo PNG, JPG, WebP ou SVG et recadrez-le en carré, ou créez une icône à partir d'une lettre ou d'un émoji. Réglez ensuite chaque plateforme séparément : arrière-plan et coins pour les navigateurs sur ordinateur et Google, fond opaque et marge pour l'écran d'accueil de l'iPhone, et icône adaptative (maskable) pour Android qui garde votre logo dans la zone de sécurité. Les aperçus en direct montrent les onglets en mode clair et sombre, la barre de favoris, un résultat Google et les écrans d'accueil iOS et Android avec des masques en cercle, en squircle et en carré arrondi.

Le ZIP suit les bonnes pratiques actuelles : favicon.ico en 16, 32 et 48 px, favicon.svg si votre source est un SVG (avec adaptation au mode sombre en option), favicon-96x96.png, un apple-touch-icon.png en 180×180, des icônes de manifeste en 192 et 512 px et site.webmanifest. Copiez le code HTML ou suivez les étapes pour Next.js, React/Vite ou WordPress, puis testez le résultat avec notre vérificateur de favicon. Tout est généré dans votre navigateur.

Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.