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.

Heroicons 2 Download

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.

Kommentieren

Ich akzeptiere die Datenschutzerklärung.