Iconbuddy – Über 300.000 Open-Source-SVG-Icons durchsuchen und bearbeiten

• Iconbuddy ist eine Icon-Suchmaschine, mit der sich mehrere Open-Source-Icon-Bibliotheken an einem Ort durchsuchen, Farben und Größen anpassen und Icons anschließend herunterladen lassen
• Laut den Service-Metadaten werden mehr als 300.000 kostenlose SVG-Icons angeboten, was die Mühe reduziert, einzelne Icon-Sets separat suchen zu müssen
• Der Export unterstützt SVG, PNG, JSX, Base64, sodass sich der Dienst sowohl für Design-Mockups als auch für Frontend-Code-Arbeiten einsetzen lässt
• Er wird von 500K+ Fachleuten weltweit genutzt; als Einsatzorte werden Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean und weitere genannt
• Open-Source-Icon-Bibliotheken wie HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome und Simple Icons lassen sich an einem Ort durchsuchen

---

Vom Suchen bis zum Export in einem Ablauf

• Iconbuddy ist eine Open-Source-Icon-Suchmaschine und bietet den Ablauf „schnell suchen, frei bearbeiten, sofort herunterladen“
• Laut den Service-Metadaten gehören dazu unter anderem folgende Funktionen
  • Suche und Download von mehr als 300.000 kostenlosen SVG-Icons
  • Benutzerdefinierte Anpassung von Farbe und Größe
  • Export in den Formaten SVG, PNG, JSX, Base64

Nutzungsumfang und Einsatzorte

• Es wird darauf hingewiesen, dass der Dienst von 500K+ Fachleuten weltweit genutzt wird
• Als Einsatzorte werden die folgenden Namen aufgeführt
  • Framer
  • Midjourney
  • Figma
  • Mobbin
  • Google
  • Microsoft
  • cohere
  • CashApp
  • Buy Me a Coffee
  • DigitalOcean
  • Roadmap.sh
  • Letter

Beispiele wichtiger enthaltener Icon-Bibliotheken

• Allgemeine Icon-Sets

  • 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

• Entwicklungs- und Datei-Icons

  • VSCode Icons: 1.397
  • Material Icon Theme: 1.106
  • Devicon: 957
  • Devicon Plain: 700
  • Codicons: 497
  • Skill Icons: 397

• Marken- und Logo-Icons

  • Simple Icons: 3.364
  • SVG Logos: 1.837
  • Logos free icons: 1.362
  • Font Awesome Brands: 548
  • CoreUI Brands: 830

• Emoji- und Flaggen-Icons

  • Noto Emoji: 3.710
  • Twitter Emoji: 3.668
  • OpenMoji: 4.185
  • Fluent Emoji Flat: 3.145
  • Flag Icons: 542
  • Circle Flags: 632

Praktische Nutzung im Arbeitsalltag

• Mehrere Icon-Bibliotheken lassen sich an einem Ort suchen, bearbeiten und herunterladen, ohne jede einzeln besuchen zu müssen
• Dank anpassbarer Farben und Größen sowie der Unterstützung mehrerer Exportformate können Designer und Entwickler dieselben Icon-Assets passend zu ihrer jeweiligen Arbeitsumgebung verwenden

[GN⁺]

Meinungen auf Hacker News

• Es wäre gut, wenn man pro Icon Lizenz und Autor sehen könnte.
  Wenn man es derzeit über die allgemeine Icon-Suche findet, scheint das nicht möglich zu sein; ich frage mich, ob ich etwas übersehen habe.

  • Dass hier Lizenzinformationen fehlen, ist ziemlich gravierend.
    Es wird der Ausdruck „Open-Source-Icons“ verwendet, aber dieser Begriff wird heutzutage so stark überstrapaziert, dass er kaum noch etwas bedeutet.
    Bei ein paar Stichproben konnte ich auch in den heruntergeladenen SVG-Dateien keine Lizenzinformationen finden.
  • Mindestens die Quelle ist nötig. Ohne sie ist das nutzlos.
    Technisch gesehen mag es Open Source sein, aber der Vorteil davon geht fast vollständig verloren.
    Das Problem sieht man zum Beispiel direkt bei https://iconbuddy.app/bxl/amazon und https://iconbuddy.app/devicon/google. Wer weiß, wie es bei weniger bekannten Service-Icons aussieht.
    Man kann nicht erkennen, wie viele Icons unter CC-BY stehen und daher eine Namensnennung erfordern, oder wie viele fragwürdige Quellen es gibt, die Icons geklaut haben und sie als CC0 ausgeben – also Lizenzwäsche betreiben.
  • Das ist vermutlich nicht Open Source und dürfte auch Markenrechtsprobleme haben: https://iconbuddy.app/bxl/amazon
  • Auch auf der Hauptseite braucht es einen Abschnitt, der Lizenz und Quelle der Icons erklärt. Ich konnte nichts finden und habe die Seite sofort wieder geschlossen.
  • Wenn man auf das Info-Icon neben dem Namen einer Collection klickt, sieht man Lizenzdetails, das GitHub-Repository/die Figma-Datei sowie Informationen zu Autor/Designer.

• The Noun Project ist größer und bietet 5 Millionen Icons sowie klarere Lizenzen: https://thenounproject.com/

  • Ich zahle 40 Dollar pro Jahr für die Pro-Version, und sie ist großartig, wenn man Icons oder einfache Illustrationen braucht.
    Ich kombiniere auch recht oft mehrere Icons, und es gibt wirklich für fast alles ein Icon.
    „Affair“
    https://thenounproject.com/icon/cheating-10395/

• Ich nutze seit Jahren hauptsächlich https://iconify.design/.
  Die Möglichkeit, Farben in der UI zu ändern, gefällt mir, aber persönlich verwende ich für Farben Tailwind-Klassen.

• Gut! Es gibt auch ein ähnliches Projekt von Anthony Fu: https://icones.js.org
  Beide setzen auf dasselbe Iconify-Framework, daher frage ich mich, ob sie dieselbe Obermenge an Icons teilen.

• Wirklich schön :)
  Als ganz kleine Feature-Anfrage bzw. Vorschlag: Beim Anzeigen der Suchergebnisse wäre es gut, wenn jedes Ergebnis auch einen Link zur übergeordneten Collection hätte.
  Wenn ich zum Beispiel in den Suchergebnissen ein Icon sehe, das mir gefällt, möchte ich wissen, aus welcher Collection es stammt.

  • Die Idee der Seite selbst ist okay, aber wenn man nicht sieht, aus welcher Collection ein Suchergebnis kommt, wird sie ziemlich nutzlos.
    Die Lizenz wird auf der Website ebenfalls nicht angezeigt, und wenn man das Icon-Set nicht kennt, kann man sie auch nicht selbst nachschlagen.

• Kürzlich habe ich beim Aufräumen eines Schranks im Haus meiner Eltern eine Clipart-Box gefunden.
  Sie war auf 50 Disketten verteilt und kostete 50 Dollar. Das Preisschild war noch dran. Vermutlich stammt sie ungefähr aus dem Jahr 1990.
  Wenn man darüber nachdenkt, ist eine komplette solche Icon-Sammlung heute kostenlos und sofort verfügbar.

  • Das wären heute 116 Dollar.
    Das dürfte ein ziemlich guter Nebenverdienst gewesen sein.

• Gut, aber ich bevorzuge https://icones.js.org/.

• Ich frage mich, wie es im Vergleich zu https://fontawesome.com abschneidet.
  Nachtrag: Wenn ich mir diese Seite ansehe, wirkt es wie eine Obermenge: https://iconbuddy.app/fa-solid

  • Die neuesten Versionen von Font Awesome sind nicht Open Source.
    Fork Awesome ist ein Open-Source-Fork: https://forkaweso.me/Fork-Awesome/

• Nutzung auf eigene Verantwortung. Es gibt keine Lizenz, und die Icons stammen aus allen möglichen Quellen.

• Vollständig anpassbar? Ändern kann man nur die Farbe.

  • Den Hintergrund kann man ebenfalls auf verschiedene Weise ändern, insofern ist das schon ein ziemlich guter Mehrwert.