Heroicons 2: Kostenloses SVG Icon-Set
Das Icon-Set von den Entwicklern des Tailwind CSS Frameworks liegt mittlerweile in der Version 2.0.0 vor. 280 Symbole lassen sich mit und ohne Outline sowie im Mini-Format für kleinere Darstellungen kostenlos verwenden.
Das Icon-Set wurde ursprünglich von Adam Wathan gestaltet und umgesetzt. Mittlerweile ist die Anzahl der sogenannten »Contributor« auf 26 angewachsen.
Um die Symbole zu verwenden, reicht es aus, einfach den SVG-Quellcode zu kopieren und diesen inline in HTML zu nutzen bzw. anzupassen:
<svg class="h-6 w-6 text-gray-500" fill="none"
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Die Heroicons werden unter einer MIT-Lizenz kostenlos zum Download bereitgestellt. Der aktuelle Stand der Bibliothek lässt sich direkt über die GitHub-Seite zu den Icons einsehen. Zudem lässt sich der Code für die jeweiligen Symbole direkt über die dafür eingerichtete Website kopieren.