Design mit Icons: Wie Sie Ihrem Produktdesign den letzten Schliff geben

Jeder PC-Anwender, ob im Heim- oder Berufsbereich, erhält früher oder später den Bedarf an Icons. Mithilfe dieser kleinen Bildsymbole können Webseiten und Dokumente visuell aufgewertet werden und gleichzeitig ein ansprechenderes Design verliehen werden. Dazu gehört beispielsweise die Verwendung von Icons in Menüs oder Kategorien, um die Bedienung der Webseite intuitiver und benutzerfreundlicher zu gestalten.

Auch in der Grafik-Design-Szene sind Icons unverzichtbar und werden oft als ein zentrales Element vielfältiger Projekte eingesetzt. Wenn Sie also auf der Suche nach qualitativ hochwertigen und vielseitigen Icons sind, dann sollten Sie unbedingt die ultimativen Quellen kennenlernen, die Ihnen eine Fülle an verschiedenen Bildsymbolen zur Verfügung stellen. Durch die Verwendung solcher Icons können Sie Ihre Webseiten und Grafik-Projekte auf das nächste Level heben und eine professionelle Optik kreieren.

Ein Teil des Angebotes ist kostenfrei, andere müssen bezahlt werden. Achten Sie unbedingt auf die Lizenzbestimmungen!

Informationen gemäss Stand vom 5.9.2023

Inhaltsverzeichnis: Icons finden und einsetzen

• Wofür werden die Icons und Symbole eingesetzt?
• Die Symbolformate
• Die Standard-Icons
• Iconshock
• Iconmonstr
• Flaticon
• Endlessicons
• IconsDB
• IconFinder
• Illustrio
• All-free-download
• Forge Icons
• Remixion
• Icons8

Symbole und Icons zielen darauf ab, die Bedeutung und Funktionen von Websites und Applikationen auf eine einfache und visuelle Art und Weise zu kommunizieren. Icons sind also ein sehr wichtiger Bestandteil jedes Designs. Sie dienen nicht nur dazu, die Ästhetik eines Produkts zu verbessern, sondern können auch die Benutzererfahrung erheblich steigern, indem sie komplexe Informationen leichter verständlich machen. Die Wahl der richtigen Icons kann daher entscheidend für den Erfolg Ihres Produkts sein. In diesem Artikel erfahren Sie, wie Sie die passenden Icons für Ihr Projekt auswählen und welche Faktoren Sie bei der Entscheidung berücksichtigen sollten.

Wofür werden die Icons und Symbole eingesetzt?

Icons kann man für verschiedene Zwecke verwenden. So zum Beispiel für

• die eigene Website (Webdesign, Social Media)
• App-Design
• Benutzeroberfläche, Navigation, Usability
• Kursunterlagen
• Dokumentationen
• PDF-Reporte, E-Books
• Visitenkarten
• Bewerbungen
• Kalenderblätter
• für den Desktop
• die Smartphones
• …

Die Symbolformate

Die Symbole können in den folgenden Dateiformaten zur Verfügung gestellt werden:

• .ICO
• .PNG
• .GIF
• .JPG
• .SVG
• .ICNS für den Mac

In der Folge werden einige Server vorgestellt, die ausgezeichnetes Material zur Verfügung stellen. Be­vor Sie die Icons nutzen, lesen Sie die Bedingungen, unter welchen Sie die Icons verwenden dürfen.

Die Standard-Icons

Einige Icons sind Standard und sprechen für sich. Andere eher nicht. Auf dem Desktop-Computer erhalten Icons oft eine Erklärung, wenn man sie mit der Maus berührt.

• Haus: Home- oder Startseite
• Lupe: Suche
• Mülleimer: Löschen
• Fragezeichen: Hilfe
• X: Entfernen oder schliessen
• Zahnrad: Einstellungen
• Briefumschlag: E-Mail / Nachrichten
• Sprechblase: Nachrichten / Kontakt
• Drucker: Drucken
• Einkaufswagen: Warenkorb
• Silhouette: Profil
• Herz: Favoriten
• Weltkugel: Spracheinstellungen / Länderwahl

Iconshock

Iconshock ist eine Perle unter den Icons-Anbietern. Das Angebot umfasst eine Bibliothek von über 2 Millionen Icons! Wenn man etwas Bestimmtes sucht, kann die Auswahl nicht gross genug sein. Über 400+ Icon-Sets in mehr als 30 Stilen, darunter Flach, Material, iOS, Glyphe, Bunt, Fenster 10, überarbeitetes Büro, 3D realistisch, Isometrisch & mehr! Die meisten Icons sind vektor- und pixelgenau und bequem in Sets nach Branchen gruppiert.

iconshock.com

Iconmonstr

Hier finden Sie über 4700 schwarz / weisse Icons in über 316 Sammlungen. Alle Icons sind für jede kommerzielle Nutzung kostenlos. Weitere Informationen zu den Nutzungsrechten finden Sie in der Lizenzvereinbarung. Praktisch: Sie können die Icons mit einem Code direkt in Ihre Website einbetten oder die Icons in einer bestimmten Grösse als Bilddatei herunterladen.

Es gibt Rubriken wie Tiere, Business, Erziehung, Kleidung, Finanzen, Lebensmittel, Logos und einige mehr.

Bei der Verwendung als Download stehen die Formate .svg, .eps, .psd und .png zur Verfügung.
Die Grösse können Sie von 12 bis 240 Pixel verändern.
Sie können die Icons einfärben und auf Wunsch eine Füllfarbe bestimmen.

https://iconmonstr.com

Flaticon.com

Zurzeit sind über eine Million Icons, animierte Icons, Interface Icons und Stickers verfügbar! Der nützliche Dienst nennt sich Flaticon. So gibt es u.a. Zugriff auf Icons aus den Bereichen

• Bildung
• Flaggen
• Gebäude
• Geschäfte
• Gesten
• Kino
• Kunst
• Internet
• Lebensmittel
• Logos
• Medizin
• Multimedia
• Musik
• Netzwerken
• Pflanzen
• Pfeile
• Social Media
• Sport
• Technologie
• Tiere
• Transport
• Waffen
• Wetter

Als Beispiel klicke ich mal die Rubrik Web an.

Klickt man im unteren Teil des Icons, so bekommt man das Icon noch grösser zu sehen.

Nützlich: Vor dem Herunterladen der Icons kann man die Farbe und die Grösse auswählen!

Bonus
Photoshop-Anwender können ein Photoshop-Plugin verwenden, mit dessen Hilfe man direkt aus Photoshop heraus auf den gesamten Bestand an Icons zugreifen kann.

Praktisch
Alle Dateien können kommerziell verwendet werden.
flaticon.com

Endlessicons.com

Hier finden Sie eine grosse Auswahl an kostenlosen Icons. Von Landkarten über Computer-Symbole, der Server bietet viele Icons aus allen Bereichen des Lebens. Die schwarzen Icons lassen sich einfärben, vergrössern oder verkleinern. Das Endergebnis können Sie mit diesem Dienst wie zum Beispiel Kraken komprimieren lassen.

endlessicons.com

IconsDB

Diese Datenbank stellt über 4’215 Icons zur Verfügung. Hier finden Sie u.a. Icons aus den Bereichen Informatik, Gesundheitswesen, Tiere und vieles mehr. Auch bei diesem Server können Sie die Grösse und Farbe der Icons auswählen.

iconsdb.com

IconFinder

Der Iconfinder ist eine Suchmaschine, die sich auf Icons spezialisiert hat. Es stehen über sechs Millionen Symbole zur Verfügung.

iconfinder.com

Illustrio

Die Icons lassen sich in Grösse, Farbe und Form komplett anpassen. Damit wird eine grosse Vielfalt erst möglich.

Die Icons fallen auf, da sie aufwendig gezeichnet wurden. Als Vektorgrafiken können sie bestens für aufwendigere Designs genutzt werden. Ein wirklich cooles, kostenfreies Online-Tool für jeden Websitebetreiber.

illustrio.com

All-free-download

Auf diesem Webserver stehen über 17’900 Icons in den Formaten .svg, .png, .ai und .eps zur Verfügung. Zusätzlich noch Wallpapers, Fonts, Fotos, Vektordateien und Website-Vorlagen.

all-free-download.com/free-icon/

Forge Icons

Auf diesem Server finden Sie lediglich 300 Icons aus dem Internetbereich im .svg-Format. Dafür können Sie bei jedem Icon die Grösse, die Stärke und die Farbe selbst auswählen!
icons.theforgesmith.com

Remixion

Einfach reizvolles Icon-System
Remix Icon ist eine Reihe von Open-Source-Systemsymbolen im neutralen Stil, die speziell für Designer und Entwickler entwickelt wurden. Alle Icons sind sowohl für den persönlichen als auch für den kommerziellen Gebrauch kostenfrei.

remixicon.com

Autor: Walter B. Walser, kundennutzen.ch