Heroicons: Kostenloses SVG Icon-Set

Heroicons: Kostenloses SVG Icon-Set

1. April 2020 0 Von Administrator

Ob mit oder ohne Outline: die »Heroicons« enthalten jeweils 140 Symbole, die sich kostenlos im Vektorformat für User Interfaces und Co. nutzen lassen.

Das Icon-Set wurde von Adam Wathan, dem Entwickler des Tailwind CSS Frameworks , gestaltet und umgesetzt. Neben einer Version, die aus Konturen besteht, gibt es auch eine »gefüllte« Variante mit Symbolen von Pfeilen, Buttons, Navigationselementen, Ordnern und weiteren UI-Elementen.

Um die Symbole zu verwenden, kann man auch einfach den SVG-Quellcode kopieren und Inline als HTML-Code nutzen:

<svg class="h-6 w-6 text-gray-500" fill="none" 
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>

Die Heroicons werden unter einer MIT-Lizenz kostenlosen zum Download bereitgestellt. Der aktuelle Stand der Bibliothek lässt sich direkt über die GitHub-Seite zu den Icons einsehen.

Weiterführende Informationen

GitHub: Heroicons