Icons: Gestaltungshilfe für gute User Experience

10 Top-Icon-Sets für eine gelungene Website
Kommentare

Icon-Design wird beim Erstellen einer Website oftmals vernachlässigt. Dabei sind Icons eine einfache Methode, um das Interesse der Besucher zu wecken und eine gute User Experience zu garantieren. Icons sind kleine, aber äußerst wichtige Details, die die Ästhetik einer ganzen Website bestimmen.

Icons können überall verwendet werden: In Apps oder responsiven Sites und zwar, weil sie Informationen auf engem Raum konzentrieren. Da jedes Icon-Set einmalig ist, lässt sich so jedem Design eine eigene Note verleihen – die sich auch verändern lässt, indem man die Sets austauscht. In diesem Artikel stellen wir euch zehn kostenlose Icon-Sets für die verschiedensten Anlässe – zum Beispiel Social Media, Wetter oder Web Development – vor. Aus jedem Bereich haben wir das Beste zusammengesucht. Wir hoffen, dass wir euch mit den Sets neue Inspiration und Ideen für ein gelungenes Webdesign liefern können.

 

1.

File-Type-Icons


Icons, die Dateien symbolisieren, kann jeder Designer brauchen. Creative Tail stellt 20 farbige Icons als AI, EPS, SVG und PNG zur Verfügung.
Lizenz: CC 4.0

1

Screenshot: Software & Support Media. http://on.be.net/1Injrp3

2.

Social Media-Icons


Will man auf seine Social-Media-Kanäle verweisen, benötigt man auch das passende Icon. Mit Buddycons stehen gleich 126 Icons im 32x32px PNG-Format zur Verfügung. Möchte man seine Website etwas auf alt trimmen, helfen die Vintage Social Media Stamps von PSDDude, die wir euch als besonderes Special vorstellen möchten: 15 Icons der bekanntesten Social Networks als PNG und PSD stehen hier zur Verfügung.
Lizenz: unbekannt; Freebie Files Usage Terms

2

Screenshot: Software & Support Media. http://bit.ly/1KtFo9X

3

Screenshot: Software & Support Media. http://bit.ly/1IpCWBX

3.

UI-Icons


Was könnte wichtiger sein als ein gut gestaltetes User Interface? Richtig, eigentlich nichts. Mit den 77 PNG-Icons von Matt Gentile im 16x16px-Format ist es ganz einfach, für die eigene Website ein ansprechendes UI zu kreieren.
Lizenz: Creative Commons Attribution 3.0 License

4

Screenshot: Software & Support Media. http://bit.ly/1IpCZ0H

4.

Geometrische Icons


Einfache, klar strukturierte Icons schaffen Ruhe auf der Website. Retsen Studio bietet ein Set von geometrischen Icons zum Download, die jeder Site Struktur verleihen.
Lizenz: unbekannt

5

Screenshot: Software & Support Media. http://on.be.net/1Inj65O

5.

Kalender Icons


Das Datum ist nicht zu vernachlässigen, wenn man eine Website stylen will. Dabei helfen die folgenden Kalender Icons im PSD-Format von Brice Séraphin, die auch noch ganz einfach farbtechnisch bearbeitet werden können.
Lizenz: unbekannt

6

Screenshot: Software & Support Media. http://on.be.net/1D2bIBb

6.

Payment Icons


Payment Icons gehören zu den Komponenten einer Website, die über eine bestmögliche Usability verfügen sollten. Das Set enthält die gängigen Bezahlarten wie VISA, PayPal oder Master Card und ist im PNG-Format verfügbar.
Lizenz: via Gumroad

7

Screenshot: Software & Support Media. http://bit.ly/1U2gti9

7.

Wetter Icons


Für alle wetterfühligen Webdesigner bietet RNSFonts 70 Wetter-Icons. Verfügbar sind die Icons im SVG-, PNG-, PDF- und AI-Format und sind angelehnt an Climacons, einem Iconset von Adam Whitcroft.
Lizenz: unbekannt

8

Screenshot: Software & Support Media. http://bit.ly/1MsqQcM

8.

Pfeile & Bullet-Points


Nie mehr mit langweiligen Pfeilen und Aufzählungspunkten herumschlagen! Das Icon-Set von Tony Thomas sorgt für Abwechslung in der Gestaltung. Das Set ist als AI-, PS-, EPS- und SVG-Datei verfügbar.
Lizenz: MediaLoot Simple Extended License

9

Screenshot: Software & Support Media. http://bit.ly/1KtFZsg

9.

Web-Development-Icons


Wem noch immer Icons fehlen, dem sei die Website icons.8.com ans Herz gelegt. Hier finden sich 14.700 Icons in allen Formaten, Größen und Farben. Falls doch ein Icon fehlt, bieten die Betreiber an, dieses umsonst zu gestalten.
Lizenz: Creative Commons Attribution-NoDerivs 3.0 Unported

10

Screenshot: Software & Support Media. https://icons8.com/

10.

Zombie Icons


Was auf keiner Website fehlen darf, sind natürlich Zombies. Deswegen bietet Designer Richex auch Zombie-Icons im PSD- und PNG-Format zum Download an.
Lizenz: unbekannt

11

Screenshot: Software & Support Media. http://on.be.net/1Injnpw

Die hier vorgestellten Icon-Sets bieten nur einen kleinen Einblick in die vorhandenen Gestaltungsmöglichkeiten. Es gibt für (fast) jeden Anlass das passende Set – alle vorzustellen sprengt aber ganz einfach den Rahmen eines jeden Beitrags. Wenn ihr Anregungen habt oder ein besonders tolles Icon-Set mit der Community teilen wollt, dann nutzt unsere Kommentarfunktion.

Aufmacherbild: Flat design style modern vector illustration icons set von Shutterstock / Urheberrecht: Bloomua

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -