FR
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Accueil Favoris
Voltar

Générateur de favicon

Créez favicon.ico et des icônes pour le site, l’iPhone et Android à partir d’une image.

Mode d’emploi

Créez le favicon.

Choisissez le logo (de préférence carré)

Placez dans le <head> de votre site :

Disponible en: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Outil suivantGénérateur de filtres CSS (filter) pour images→
Publicité

Générateur de favicon: à quoi ça sert

Le générateur de favicon crée l’icône qui apparaît dans l’onglet du navigateur, dans les favoris et sur l’écran d’accueil du téléphone. Il suffit d’envoyer votre logo, de préférence carré.

Téléchargez le pack avec toutes les tailles et le code à placer dans votre site.

Mode d’emploi

  1. Envoyez le logo en image.
  2. Vérifiez l’aperçu aux tailles d’onglet et de téléphone.
  3. Téléchargez le pack et collez le code dans le site.

Quand l’utiliser

  • Créer l’icône d’un nouveau site.
  • Mettre à jour la marque dans l’onglet du navigateur.
  • Générer une icône pour une application web.

Questions fréquentes

Vraiment gratuit ?

Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.

Outils similaires

Animation au défilement de la page (scroll reveal en CSS)Générez l’effet d’éléments qui apparaissent au fil du défilement de la page (scroll reveal) en CSS pur, avec animation-timeline: view() : apparition, montée, glissement latéral, zoom ou défocalisation, avec distance et portion de défilement réglables, sans rien masquer dans les navigateurs qui n’ont pas encore cette fonction.Utiliser →
Calculatrice clamp() pour police fluideCalculez le clamp() CSS pour des textes et des espacements qui grandissent avec la largeur de l’écran : indiquez la taille sur mobile et sur ordinateur ainsi que les largeurs d’écran, puis copiez la valeur en rem avec l’aperçu et l’avertissement d’accessibilité sur le zoom.Utiliser →
Association de polices Google FontsTestez des associations de polices Google Fonts pour les titres et les textes de votre site : choisissez parmi des paires prêtes à l’emploi ou composez la vôtre, voyez l’aperçu avec votre texte et copiez le lien de chargement et le CSS.Utiliser →
Vérificateur de contraste des couleurs (WCAG)Vérifiez si la couleur du texte a un contraste suffisant avec le fond selon les règles d’accessibilité WCAG AA et AAA, avec aperçu en direct.Utiliser →
Convertisseur de couleursConvertissez des couleurs entre HEX, RVB, TSL et CMJN et voyez des tons plus clairs et plus foncés.Utiliser →
Couleur HEX vers classe TailwindDécouvrez quelle couleur de la palette par défaut de Tailwind CSS (v3) ressemble le plus à votre couleur HEX ou RGB, avec la distance perceptuelle et les cinq options les plus proches, ou utilisez la valeur exacte avec la syntaxe à crochets.Utiliser →

Merci beaucoup pour votre aide !

Chaque don aide à garder le site en ligne. Les outils sont faits pour vous aider, mais nous avons des frais de serveurs. Si vous le pouvez, cela nous aide beaucoup ! Choisissez ou saisissez le montant :

Paiement sécurisé par Stripe. S’ouvre dans un autre onglet.

Les outils sont fournis tels quels, sans garantie. Nous ne sommes pas responsables des résultats ni de l’usage qui en est fait.