Loading...
<< zurück
30.11.2013#

Webdesign-Tipp

Icon-Fonts vs. klassische Icons – 12 kostenlose Icon-Sets im Web

Screen_MFG-Lab-Iconset

(Bild: Iconset von MFG Labs)

Mittlerweile sind sie die Würze eines guten Webdesigns, sofern sie richtig ausgewählt und in angemessenem Maße eingesetzt werden: Icons.

Die Auswahl an Icon-Sets im Netz ist groß und reicht von super aufwendigen vielfarbigen Varianten bis hin zu einfachen ikonographischen Zeichen. Es ist nicht immer leicht, ein Icon-Set zu finden oder zu erstellen, dass sich nahtlos in das Gesamtdesign einfügt und zudem noch ohne Qualitätsverlust in verschiedenen Größen skalieren lässt.

Hierbei bieten Icon-Fonts gegenüber klassischen Icon-Images einen großen Vorteil!
So kann man zum Beispiel ohne große Umstände Farbe und Größe im CSS ändern, und muss nicht erst Varianten in verschiedenen Größen und Farben in einem Bildbearbeitungsprogramm erstellen. Gerade für einfach Icons bieten sich daher Schriftarten besonders gut an.

Ich habe eine Auswahl kostenloser Icon-Fonts im Netz gefunden:

  1. MFG Labs Icon Set
    Retina Ready, wird konstant erweitert.
  2. Entypo Pictogramm Suite
    Set von mehr als 250 Piktogrammen als OpenType, TrueType für den Desktop-Einsatz und über @font-face nutzbare Formate.
  3. Ligature Symbols
    Enthält über 240 Icons.
  4. Designmodo Linecons Free
    Set von 48 Vektor-Icons im Outline-Stil
  5. Elusive Iconfont
    283 kleine Piktogramme
  6. Brandico Font
    Font aus bekannten Logos wie verschiedenen Social Networks, Messengern und vielem mehr.
  7. Batch
    Über 300 Piktogramme im PSD-, SVG-, PNG- und Webfont-Format.
  8. Modern Pictograms
    Erweiterung des ehemals kostenlosen Icon-Font-Sets Modern Pictogramms. Der Font wurde komplett überarbeitet und um 130 zusätzliche Icons erweitert.
  9. Typicons
    Über 300 Icons für fast jede Lebenslage und wurde aktuell um 220 neue Icons ergänzt.
  10. Iconic Iconset
    Open-Source-Icon-Font mit über 170 minimalistischen Icons.
  11. Octicons
    180-Zeichen starke Icon-Font von den Machern von GitHub.
  12. Font Awesome
    Speziell für Bootstrap entwickelte Schriftart aus rund 360 Icons.

Viel Spaß beim Stöbern…