Entypo Icon-Font von Daniel Bruce

Kostenlose Icons
Icon Fonts

Icon Fonts setzt man wie eine Schrift im Webdesign ein. Diese Auswahl professioneller Icon Fonts sind kostenlos und auch für kommerzielle Projekte einsetzbar.

Anleitungen zur Nutzung von Icon Fonts, findet man weiter unten.

Vorteile von Icon Fonts

  • Leichtgewichtig – Icon Fonts bestehen aus einer Schriftdatei, die je nach Anzahl der Icons relativ klein ausfällt.
  • Skalierbar – Icon Fonts haben immer scharfe Ränder.
  • Gestaltbar mit CSS – Auf Icon Fonts kann man allen für Schriften relevante CSS-Eigenschaften anwenden.

Individuelle Icon Fonts zusammenklicken

Es gibt zahlreiche Online-Services mit denen sich man individuelle Icon Fonts erstellen kann. Die meisten Services erlauben sogar den Upload von SVG-Vektor-Dateien, mit denen man seinen eigenen Font komplettieren kann.

Der Vorteil individueller Icon Fonts liegt auf der Hand: Sie sind leichtgewichtiger, als z.B. der 65kb bis 120kb große Font Awesome.

Die Icons kann man sich als nach dem Zusammenklicken als Font, PNG oder als SVG herunterladen.

Icon Font-Services

Entypo

Entypo ist eine Icon-Bibliothek, die runde, harmonische Icons präsentiert. Ein Extra-Set ergänzt die Bibliothek um typische Social Media-Icons von z.B. Twitter, Facebook & Co. Der Designer Daniel Bruce erweitert Entypo kontinuierlich.

Font Awesome

Font Awesome beschreibt sich selbst als »the iconic font designed for use with Twitter Bootstrap«. Font Awesome.

Typicons

»Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.«

Ionicons

Ionicons beinhaltet 351 Icons in Version 1.1.

Icon Fonts einbauen & nutzen