Icons erfreuten sich schon immer großer Beliebtheit. In den letzten Jahren jedoch hat die Verbreitung der Symbolzeichen siegeszugartige Ausmaße angenommen. Originelle, kreative Icons sind Details, ohne die man nicht auskommt. Völlig unentbehrlich sind die kleinen Bildzeichen im mobilen Webdesign. So können lange Funktionsbezeichnungen kleinen, aussagekräftigen Symbolen weichen, was den zur Verfügung stehenden Bildschirmplatz erweitert. Deshalb und weil es so schön ist, setzen wir bei Dr. Web immer wieder einen Fokus auf die Suche nach herausragenden Iconsets.

SweetiePlus Icon-Set von Joseph North

Als Erstes möchten wir mit SweetiePlus ein Iconset von Joseph North präsentieren. Joseph North ist Designer bei Sublink Interactive. Er entwickelte das SweetiePlus-Icon-Set mit einem Symbolumfang von 120 Icons. Die Bildzeichen eignen sich hervorragend sowohl zur Webseiten-, wie auch zur App-Entwicklung. Alle Icons stehen in Auflösungen von 24×24px und 16×16px zur Verfügung. Sie lassen sich kostenlos im PNG-Format (mit Transparenz) herunterladen und sowohl in privaten als auch in kommerziellen Projekten verwenden. SweetiePlus ist unter der Creative Commons Lizenz CC By-SA 3.0 veröffentlicht. Damit dürfen auch Veränderungen vorgenommen werden, diese müssen dann aber unter gleicher Lizenz verfügbar gemacht werden.

SweetiePlus: Ein Ausschnitt

Freshy Icon-Set von Martin Karasek

Freshy Icons wurden von Martin Karasek, einem UI- und Icondesigner aus Prag entwickelt. Das Freshy Icon-Set beinhaltet 99 Icons, welche man im PSD-Format kostenlos herunterladen kann. Die Auflösung aller Icons beträgt 32×32px. Im Set sind Bildzeichen für nahezu jeden Zweck enthalten. Wichtig: In kommerziellen Projekten sollte unbedingt auf die Webseite des Entwicklers verwiesen werden.

Freshy Icon-Set: Ein Ausschnitt

Foundation Icon-Fonts von ZURB

ZURB ist ein Team von Designern, die vor allem durch ihre kleinen Tools bekannt geworden sind. Nun veröffentlichten sie die Foundation Icon-Fonts. Es handelt sich um drei Icon-Sets mit über 100 Icons, welche zum kostenlosen Download auf der Homepage des Teams bereit stehen. Diese Sets unterscheiden sich von SweetiePlus und Freshy dadurch, dass sie nicht als PNG, sondern als Font vorliegen. In den Download-Dateien findet man Sample-Files mit HTML, CSS und den jeweiligen Fonts. Auf die gewünschten Fonts wird mittels des CSS @font-face-Attributs zugegriffen. Mit Hilfe von CSS lassen sich die Farbe und Grösse der Icons anpassen, was den Einsatz sehr flexibel macht. Es lohnt sich in diesem Zusammenhang auch ein Blick auf das jüngst bei uns vorgestellte Tool Fontomas.

Foundation Icon-Fonts: Ein Ausschnitt

(dpe)