Iconbuddy - Rechercher et éditer plus de 300 000 icônes SVG open source

 (iconbuddy.app)
5 points par GN⁺ 2023-07-24 | 1 commentaires | Partager sur WhatsApp
  • Iconbuddy est un moteur de recherche d’icônes qui permet de rechercher en un seul endroit plusieurs bibliothèques d’icônes open source, puis d’ajuster les couleurs et la taille avant de les télécharger
  • Selon les métadonnées du service, il propose plus de 300 000 icônes SVG gratuites, ce qui évite d’avoir à parcourir séparément chaque collection d’icônes
  • L’export prend en charge SVG, PNG, JSX, Base64, ce qui le rend utile à la fois pour les maquettes de design et le travail de code frontend
  • Il est utilisé par 500K+ professionnels dans le monde, avec des usages mentionnés chez Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean, etc.
  • Il permet d’explorer en un seul endroit des bibliothèques d’icônes open source comme HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome et Simple Icons

Un flux continu de la recherche à l’export

  • Iconbuddy est un moteur de recherche d’icônes open source qui propose un flux « recherche rapide, édition libre, téléchargement immédiat »
  • Selon les métadonnées du service, ses principales fonctions sont les suivantes
    • recherche et téléchargement de plus de 300 000 icônes SVG gratuites
    • personnalisation des couleurs et de la taille
    • export aux formats SVG, PNG, JSX, Base64

Échelle d’utilisation et cas d’usage

  • Le service indique être utilisé par 500K+ professionnels dans le monde
  • Les noms suivants sont listés parmi les usages
    • Framer
    • Midjourney
    • Figma
    • Mobbin
    • Google
    • Microsoft
    • cohere
    • CashApp
    • Buy Me a Coffee
    • DigitalOcean
    • Roadmap.sh
    • Letter

Exemples de principales bibliothèques d’icônes incluses

  • Jeux d’icônes génériques

    • Fluent UI System Icons: 18,519
    • Material Symbols Light: 14,910
    • Material Symbols: 14,840
    • Google Material Icons: 10,955
    • Phosphor: 9,072
    • Material Design Icons: 7,447
    • Solar: 7,401
    • Tabler Icons: 5,963
    • Huge Icons: 4,556
    • Game Icons: 4,123

  • Icônes de développement et de fichiers

    • VSCode Icons: 1,397
    • Material Icon Theme: 1,106
    • Devicon: 957
    • Devicon Plain: 700
    • Codicons: 497
    • Skill Icons: 397

  • Icônes de marques et logos

    • Simple Icons: 3,364
    • SVG Logos: 1,837
    • Logos free icons: 1,362
    • Font Awesome Brands: 548
    • CoreUI Brands: 830

  • Icônes d’émojis et de drapeaux

    • Noto Emoji: 3,710
    • Twitter Emoji: 3,668
    • OpenMoji: 4,185
    • Fluent Emoji Flat: 3,145
    • Flag Icons: 542
    • Circle Flags: 632

Formes d’utilisation en pratique

  • Il permet de rechercher, éditer et télécharger en un seul endroit, sans avoir à visiter séparément plusieurs bibliothèques d’icônes
  • Grâce au réglage des couleurs et de la taille, ainsi qu’à la prise en charge de plusieurs formats d’export, designers et développeurs peuvent utiliser les mêmes ressources d’icônes dans leurs environnements de travail respectifs

À lire aussi

1 commentaires

 
GN⁺ 2023-07-24
Avis sur Hacker News

  • Ce serait bien de pouvoir voir la licence et l’auteur de chaque icône
    Pour l’instant, quand on la trouve via la recherche globale d’icônes, ça ne semble pas possible ; je me demande si j’ai raté quelque chose

    • L’absence d’informations de licence ici est assez critique
      Ils utilisent l’expression « icônes open source », mais ce terme est tellement galvaudé aujourd’hui qu’il ne veut plus dire grand-chose
      J’en ai vérifié quelques-unes, et je ne vois pas non plus d’informations de licence dans les fichiers SVG téléchargés
    • Il faut au minimum une source. Sans ça, c’est inutilisable
      Techniquement, ça peut être open source, mais l’intérêt principal disparaît presque entièrement
      Par exemple, le problème est visible immédiatement sur https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google ; difficile d’imaginer ce qu’il en est pour des icônes de services moins connus
      Impossible de savoir combien d’icônes sont en CC-BY et exigent une attribution, ni combien proviennent de sources douteuses faisant du blanchiment de licence en volant des icônes puis en prétendant qu’elles sont en CC0
    • Ce n’est probablement pas open source, et il y a sans doute aussi un problème de marque déposée : https://iconbuddy.app/bxl/amazon
    • Il faudrait aussi une section sur la page d’accueil expliquant la licence et la provenance des icônes. Je n’ai rien trouvé, donc j’ai fermé la page immédiatement
    • En cliquant sur l’icône d’information à côté du nom de la collection, on peut voir les détails de licence, le dépôt GitHub / fichier Figma, ainsi que les informations sur l’auteur / le designer

  • The Noun Project est plus grand et propose 5 millions d’icônes avec une licence plus claire : https://thenounproject.com/

    • Je paie 40 dollars par an pour la version Pro, et c’est excellent quand j’ai besoin d’icônes ou de petites illustrations
      J’assemble assez souvent plusieurs icônes, et il y a vraiment des icônes pour presque tout
      « Affair »
      https://thenounproject.com/icon/cheating-10395/

  • J’utilise surtout https://iconify.design/ depuis quelques années
    J’aime la possibilité de changer les couleurs dans l’UI, mais personnellement j’utilise des classes Tailwind pour les couleurs

  • Sympa ! Il existe aussi un projet similaire d’Anthony Fu : https://icones.js.org
    Je me demande si les deux reposent sur le même framework Iconify et partagent donc le même sur-ensemble d’icônes

  • Vraiment chouette :)
    Petite demande / suggestion de fonctionnalité : quand on regarde les résultats de recherche, ce serait bien d’avoir aussi un lien vers la collection parente de chaque résultat
    Par exemple, si je vois une icône qui me plaît dans les résultats, j’aimerais savoir de quelle collection elle vient

    • L’idée du site est bonne en soi, mais si on ne voit pas de quelle collection viennent les résultats de recherche, ça devient assez peu utile
      La licence n’est pas affichée non plus sur le site, donc sans connaître le jeu d’icônes, on ne peut même pas aller vérifier soi-même

  • En rangeant récemment un placard chez mes parents, j’ai trouvé une boîte de cliparts
    C’était réparti sur 50 disques et ça coûtait 50 dollars. L’étiquette de prix était encore dessus. Ça devait dater d’environ 1990
    Quand on y pense, aujourd’hui, une collection entière de ce genre d’icônes est gratuite et disponible instantanément

    • Ça ferait 116 dollars en valeur actuelle
      C’était plutôt une bonne petite activité annexe

  • C’est bien, mais je préfère https://icones.js.org/

  • Je me demande comment ça se compare à https://fontawesome.com
    Édit : en voyant cette page, ça a l’air d’être un sur-ensemble : https://iconbuddy.app/fa-solid

  • Il faut l’utiliser à ses risques et périls. Pas de licence, et les icônes viennent d’un peu partout

  • Entièrement personnalisable ? La seule chose qu’on peut changer, c’est la couleur

    • On peut aussi modifier l’arrière-plan de plusieurs façons, donc je trouve que c’est déjà une valeur ajoutée assez correcte