Über Icon Library

Icon Library ist ein kostenloses Werkzeug, um Icons für Menüs, Schaltflächen und Oberflächen auszuwählen. Es vereint vier beliebte Sets auf einer durchsuchbaren Seite, damit du Stile nebeneinander vergleichen und genau das kopieren kannst, was du brauchst — ein SVG zum Einfügen in HTML, eine React-Komponente, ein PNG oder ein Emoji.

Die Icon-Sets

Lucide

Rund 1.900 klare Umriss-Icons auf einem 24×24-Raster, gezeichnet mit 2 px Strichstärke. Ein von der Community gepflegter Fork von Feather und heute das umfangreichste der Umriss-Sets. Lizenz: ISC.

Feather

Das ursprüngliche minimalistische Umriss-Set mit etwa 290 Icons. Lucide ist daraus entstanden, daher passen beide im Stil und bei den meisten Namen zusammen. Lizenz: MIT.

Bootstrap Icons

Über 2.000 Icons vom Bootstrap-Team, viele als Umriss- und gefüllte Variante (die Namen mit -fill). Sie sind als gefüllte Formen auf einem 16×16-Raster gezeichnet. Lizenz: MIT.

Emoji (Unicode)

Alle Standard-Emojis, gruppiert wie im Unicode-Standard. Anders als die übrigen sind Emojis Text: Wie sie aussehen, hängt von den auf dem jeweiligen Gerät installierten Schriften ab.

Schritt-für-Schritt-Anleitungen zu allen Funktionen — Suche, Stil, Scratchpad, Icon-Editor, .ile-Projekte und Tastenkürzel — findest du in der Anleitung.

Häufige Fragen

Warum sind manche Emojis als „ohne Darstellung“ markiert?

Die neuesten Emojis kommen in den Unicode-Standard, bevor Betriebssysteme Schriften ausliefern, die sie darstellen. Die Seite prüft, ob deine Systemschrift jedes Emoji darstellen kann, und markiert die, bei denen das nicht geht. Verwende diese nicht in einem Menü: Deine Besucher sähen wahrscheinlich nur ein leeres Kästchen. Mit Nur solche mit Darstellung auf diesem Gerät blendest du sie aus.

Soll ich in meiner Oberfläche Emojis oder Vektor-Icons verwenden?

Vektor-Icons sehen überall gleich aus, übernehmen die Textfarbe und skalieren sauber. Emojis sind schneller eingefügt, sehen aber unter Windows, macOS, Android und iOS unterschiedlich aus. Für Produktoberflächen sind Vektor-Icons meist die sicherere Wahl.

Warum schlägt das Kopieren fehl?

Browser erlauben das Kopieren in die Zwischenablage nur auf sicheren Seiten (https://) oder auf localhost. Wenn du eine eigene Kopie der Website betreibst, liefere sie über HTTPS aus.

Darf ich diese Icons in kommerziellen Projekten verwenden?

Lucide (ISC), Feather (MIT) und Bootstrap Icons (MIT) erlauben die kommerzielle Nutzung; behalte ihren Lizenzhinweis in deinem Projekt. Die Emoji-Designs gehören den Schriftherstellern (Microsoft, Apple, Google und andere) — das Emoji-Zeichen zu kopieren ist unproblematisch, aber prüfe die Bedingungen des Herstellers, bevor du dessen Grafik als Bild verwendest.

Danksagung

Die Icons gehören ihren Urhebern und werden unter deren Lizenzen genutzt: Lucide, Feather, Bootstrap Icons und unicode-emoji-json. Icon Library wird von André M. Ferreira entwickelt und gepflegt und ist Open Source: Quellcode auf GitHub.