Yesicon

Yesicon

Yesicon · Image

Yesicon réunit près de 400 000 icônes vectorielles gratuites issues de 240 jeux open source, avec réglage de la couleur et de la taille et export en SVG, PNG ou code.

Aperçu de l'interface de Yesicon

À propos de Yesicon

About

Qu'est-ce que Yesicon

Yesicon est un moteur de recherche d'icônes qui tourne dans le navigateur, pensé pour les designers et les développeurs. Il rassemble des icônes de dizaines de jeux open source, de Material Symbols et Tabler à Phosphor et Lucide, et les place derrière un seul champ de recherche. Vous tapez un mot comme download ou cart, vous filtrez par style ou par catégorie, et vous tombez sur l'icône qui convient.

Le site fait office de bibliothèque d'icônes open source consultable en ligne, sans rien installer. Les données proviennent d'Iconify, un projet open source qui normalise déjà des centaines de collections. Yesicon est la couche de consultation posée par-dessus. La qualité de la recherche dépend donc de la façon dont les jeux d'origine nomment leurs icônes, et un glyphe très particulier peut encore manquer.

Le site est gratuit et ne demande aucun compte. Tout est organisé pour sortir une icône de la page et la placer dans votre projet en quelques secondes, pas pour constituer une bibliothèque à gérer dans Yesicon.

Pour commencer

  1. Ouvrez yesicon.app et saisissez un mot dans le champ de recherche. Ctrl K vous y amène directement depuis n'importe quel point de la page.
  2. Affinez avec les filtres. Vous pouvez choisir un style (contour, plein, bicolore), une catégorie (actions d'interface, marques, etc.) et un jeu d'origine si vous faites déjà confiance à un auteur.
  3. Réglez la couleur et la taille en pixels dans le panneau d'aperçu. L'icône se redessine au fil de vos modifications.
  4. Copiez le résultat dans le format voulu : SVG brut, PNG à la taille choisie, ou extrait de code pour React, Vue, Svelte, TailwindCSS ou UnoCSS.
  5. Vérifiez la licence avant de publier. Chaque icône appartient à son jeu d'origine, donc les conditions viennent de ce projet et non de Yesicon.

Informations sur le produit

Aperçu des tarifs, des plateformes compatibles et des performances de Yesicon.

Offre gratuiteOui
Offres payantesN/A
PlateformeWeb
DéveloppeurYesicon
CatégorieImage
Date de lancementSep 2023
Dernière mise à jourOct 2026
Visites du site66.5K
Classement mondial du site386.1K
Disponibilité de l’APINon

Idéal pour

Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.

Utilisateurs

  • Développeurs front-end
  • Designers d'interface et de produit
  • Étudiants et projets personnels
  • Créateurs indépendants sur une petite application

Tâches

  • Trouver l'icône qui va avec un composant
  • Choisir un jeu d'icônes cohérent pour un nouveau projet
  • Recolorer une icône aux couleurs de la marque
  • Obtenir du code prêt pour un framework
  • Rassembler des logos de réseaux et de marques

Cas d'usage

  • Une page d'atterrissage montée tard le soir
  • Nettoyer des icônes hétéroclites dans un ancien code
  • Prototyper avant qu'un design system n'existe
  • Préparer une présentation ou un PDF avec des icônes en PNG

Fonctionnalités clés

Une seule recherche sur 240 jeux

Une requête parcourt près de 400 000 icônes issues de jeux open source comme Material Symbols, Material Design Icons, Tabler, Solar, Remix Icon, Lucide, Phosphor, Heroicons ou Font Awesome. Inutile de retenir quel projet possède quel glyphe. La page de résultats affiche le nom du jeu à côté de chaque icône, vous savez donc toujours d'où vient la pièce.

Filtres par style, catégorie et jeu

Les filtres agissent sur trois axes. Le style sépare les versions contour, pleine, bicolore et arrondie. La catégorie regroupe par usage, des actions d'interface et de navigation aux marques, à l'alimentation et aux jeux vidéo. Le filtre de jeu ramène tout à une collection quand la cohérence visuelle compte plus que le choix. Croiser les trois fait souvent tenir des milliers de résultats sur un écran.

Aperçu de la couleur et de la taille en direct

Le panneau d'aperçu permet de changer la couleur et la taille en pixels avant l'export. Ce que vous voyez est ce qui part dans le presse-papiers. C'est précieux quand une icône doit reprendre une variable CSS, et pour quiconque a déjà collé un SVG noir dans un thème sombre avant de le corriger à la main.

Export en SVG, PNG ou code

Copier le code SVG brut, télécharger un PNG à la taille définie ou prendre un extrait prêt à l'emploi pour React, Vue, Svelte, TailwindCSS et UnoCSS, tout part du même panneau. Cette palette couvre le designer qui colle dans Figma ou Sketch comme le développeur qui insère un composant dans un gabarit. Le code est produit à partir de la même source que l'aperçu, le rendu correspond donc.

Page des termes populaires

La page Trending classe les termes les plus recherchés en anglais sur les six derniers mois et se met à jour à la fin de chaque mois. Des mots comme plus, user, star ou search arrivent en tête, ce qui montre comment la communauté nomme les actions courantes. Elle sert aussi de repère quand le nom habituel d'une icône vous échappe.

Interface en neuf langues

L'interface existe en anglais, chinois simplifié, chinois traditionnel, espagnol, allemand, français, japonais, coréen et portugais. Chaque langue ayant son propre chemin, une équipe répartie entre plusieurs régions travaille dans la sienne sans multiplier les comptes. La recherche elle-même répond mieux aux mots anglais, mieux vaut donc connaître le terme anglais de l'icône visée.

Avantages et inconvénients

Avantages

  • Le catalogue est immense et gratuit. Quatre cent mille icônes réparties sur 240 jeux couvrent presque tous les besoins d'interface sans abonnement.
  • Rechercher, filtrer et copier se passe sur une seule page, ce qui supprime les allers-retours entre sites d'icônes.
  • L'aperçu de couleur et de taille évite une retouche manuelle, puisque l'icône se copie déjà dans l'état souhaité.
  • Les extraits pour React, Vue et TailwindCSS épargnent la conversion à la main, et le résultat correspond à l'aperçu.
  • Ni compte ni quota d'utilisation, vous pouvez continuer à chercher pendant une longue session de design.

Inconvénients

  • Il n'y a pas d'API officielle ni de téléchargement groupé, donc intégrer 200 icônes dans un dépôt reste un clic par icône.
  • Chaque icône hérite de la licence de son jeu d'origine, et ces licences diffèrent. Il faut consulter les conditions de chaque projet avant un usage commercial, ce qui alourdit le travail sur un gros projet.
  • L'éditeur ne propose aucun plugin Figma, Sketch ou VS Code, le designer perd donc une étape face aux outils intégrés à son canevas.
  • La qualité de la recherche dépend du nommage en amont. Les icônes mal documentées ou bizarrement nommées restent difficiles à retrouver, même quand elles figurent au catalogue.

Questions fréquentes

Oui. Aucune offre payante, aucun compte, aucune limite de téléchargement. Vous cherchez et copiez sans inscription, et il n'y a rien à résilier ensuite.