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. Mit Hilfe 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.

Informationen gemäss Stand vom 23.5.2023

Inhaltsverzeichnis: Icons finden und einsetzen

• Wofür werden die Icons und Symbole eingesetzt?
• Die Symbolformate
• 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 fol­genden 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ür­fen.

Iconshock

Iconshock ist eine Perle unter den Icons-Anbietern. Das Angebot um­fasst eine Bibliothek von über 2 Millionen Icons! Wenn man etwas Bestimmtes sucht, kann die Aus­wahl 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 rea­lis­tisch, Iso­met­risch & 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 315 Sammlungen. Alle Icons sind für jede kommer­zielle Nutzung kos­tenlos. Weitere Informationen zu den Nutzungsrechten finden Sie in der Lizenzvereinbarung. Praktisch: Sie können die Icons mit einem Code direkt in Ihre Website ein­betten oder die Icons in einer bestimmten Grösse als Bilddatei herunterladen.

Es gibt Rubriken wie Tiere, Busi­ness, Erziehung, Kleidung, Finan­zen, 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 590’000 Icons und Stickers verfügbar! Der nützliche Dienst nennt sich Flaticon. So gibt es u.a. Zugriff auf Icons aus den Be­reichen

• 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 Photo­shop-Plu­gin verwenden, mit dessen Hilfe man direkt aus Pho­to­shop he­raus auf den gesamten Bestand an Icons zu­grei­fen kann.

Praktisch
Alle Dateien können kostenlos und kommerziell verwendet wer­den.
flaticon.com

Endlessicons.com

Hier finden Sie eine grosse Aus­wahl an kostenlosen Icons. Von Landkarten über Computer-Symbole, der Server bie­tet viele Icons aus allen Bereichen des Lebens. Die schwarzen Icons lassen sich einfärben, vergrös­sern oder ver­klei­nern. Das End­er­geb­nis können Sie mit diesem Dienst wie zum Beispiel Kraken komprimieren lassen.

endlessicons.com

IconsDB

Diese Datenbank stellt über 4’100 Icons zur Verfügung. Hier finden Sie u.a. Icons aus den Bereichen Informatik, Ge­sund­heits­wesen, Tiere und vieles mehr. Auch bei diesem Server können Sie die Grösse und Farbe der Icons aus­wäh­len.

iconsdb.com

IconFinder

Der Iconfinder ist eine Such­ma­schine, die sich auf Icons spezia­lisiert hat. Es stehen über 2’400’000 Icons zur Verfügung.

iconfinder.com

Illustrio

Die Icons lassen sich in Grösse, Farbe und Form komplett anpas­sen. Damit wird eine grosse Viel­falt erst möglich.

Die Icons fallen auf, da sie auf­wen­dig gezeichnet wurden. Als Vektorgrafiken können sie bestens für aufwendigere Designs genutzt werden. Ein wirklich cooles, kos­ten­freies Online-Tool für jeden Websitebetreiber.

illustrio.com

All-free-download

Auf diesem Webserver stehen über 17’000 Icons 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 De­signer und Entwickler ent­wickelt wurden. Alle Icons sind sowohl für den persönlichen als auch für den kommerziellen Gebrauch kosten­frei.

remixicon.com

Autor: Walter B. Walser, kundennutzen.ch