Icons sind der Teil eines Designsystems, der am schnellsten verfällt. Man beginnt mit einem Set, ein Icon fehlt, man borgt es woanders, und ein halbes Jahr später passt nichts mehr zusammen.
Die Regel dagegen ist langweilig: Wähle eine Bibliothek, die deine Domäne abdeckt, und verlasse sie nur für Markenlogos.
IconKit
3039 Icons in Outline und Solid, alle auf currentColor, mit Wrappern für Web, Flutter, React, Vue, Swift und mehr.
iconkit.suils.esLucide
Die Community-Fortsetzung von Feather: konsistent, leicht und für jedes Framework verfügbar.
lucide.devPhosphor
Sechs Strichstärken desselben Icons, selten und in dichten Oberflächen sehr nützlich.
phosphoricons.comTabler Icons
Über fünftausend Strich-Icons: die beste Abdeckung, wenn dein Produkt ungewöhnliche Begriffe hat.
tabler.io/iconsHeroicons
Kleines, sorgfältiges Set vom Tailwind-Team, ideal wenn du ohnehin Tailwind nutzt.
heroicons.comSimple Icons
Offizielle Marken in den richtigen Farben, für Logos, die allgemeine Sets nie enthalten.
simpleicons.orgIconify
Durchsuche zweihunderttausend Icons aller Sets und exportiere nur die, die du nutzt.
iconify.designEgal wofür du dich entscheidest: Hoste die tatsächlich genutzten SVGs selbst, statt eine ganze Icon-Schrift zu laden. Das ist oft der Unterschied zwischen 80 KB und 2 KB.
Soll es gebaut werden, nicht nur ausgewählt?
Web-Apps, APIs, Infrastruktur und Interfaces. Freelance aus Barcelona, Kunden weltweit.
Leave a Reply