Nachteile sind eines der wichtigsten Elemente eines guten UI-Designs. Sie symbolisieren nicht nur einige wichtige Informationen für den Benutzer (denken Sie an ein vereinfachtes Hausbild, um "Heimat" darzustellen), sondern vermitteln durch ihre Designästhetik auch alle möglichen weniger offensichtlichen Informationen.

Die zusammenhängende Verwendung von Symbolen kann die Persönlichkeit Ihrer Website oder App definieren. Skurrile Designs vermitteln Wärme und Spaß. Moderne minimalistische Designs sagen dem Benutzer: „Wir sind hip und technisch versiert.“

Das Design der Icons Ihres Projekts kann den Unterschied ausmachen zwischen einer Site, die sich vereint und sofort verständlich anfühlt, und einer, die verwirrend und schwer zu navigieren ist.

Zum Glück müssen Sie es nicht alleine gehen. Designer auf der ganzen Welt haben Icon-Sets zur Verfügung gestellt, um Ihre Kreativität zu fördern. Im Folgenden haben wir einige der besten Icon-Sets zusammengestellt, die Sie in Ihrem nächsten Projekt verwenden können. Und das Beste: Sie sind kostenlos!

1. Wesentliche SVG-Symbole

—

Kostenlose SVG-Symbole

Bild über DesignDB

Dieser riesige Satz von 100 wesentlichen UI-Symbolen im SVG-Format könnte für eine Vielzahl von Designprojekten von unschätzbarem Wert sein. Es deckt alle grundlegenden Anforderungen an das UI-Symbol ab – Dateien, Ordner, Funktionen und Disketten (ja, es gibt ein Diskettensymbol). Es gibt Symbole für Wi-Fi, Strom, Navigation, Sicherheit, Standort, Bilder und mehr. Wenn Sie nach einem umfassenden UI-Design-Ausgangspunkt suchen, ist dies möglicherweise der einzige, den Sie benötigen.

Holen Sie sich diese Symbole >>

2. Reisesymbole

—

Kostenlose Reise-Icon-Set

Bild über SketchRepo

Dieses Set bietet eine begrenzte Farbpalette und einfache, flache Designs, die Ihrer nächsten Website, UI/UX oder einem anderen Designprojekt garantiert eine zusammenhängende Klasse verleihen. Sie eignen sich perfekt für Navigationsschaltflächen, Abschnittsüberschriften und Inhaltskategorien, und das geschmackvolle Farbschema wird Ihr Design vereinen. Obwohl das Set für Reisethemen gedacht ist, ist es so vielfältig, dass Sie leicht andere Verwendungen für einzelne Symbole finden können.

Holen Sie sich diese Symbole >>

3. Ego-Symbole

—

Kostenlose Ego-Symbole

Bild über EgoIcons

Dieses kryptisch benannte Icon-Set leistet gute Arbeit, um Symbole zu kuratieren, die in unser tägliches Leben passen. Sie finden Symbole, die Reisen, Geräte, Lebensmittel, Gesichter, Tiere, Reiseziele und mehr darstellen, alle in einem ansprechenden, kantigen Stil dargestellt, den der Designer als „radikales geometrisches Design“ bezeichnet. Besser noch, Sie erhalten sie alle sowohl in Duoton- als auch in Monoton-Versionen. Verwenden Sie die Monotone-Versionen als Navigationssymbole und wechseln Sie dann in die Duotone-Versionen, wenn der Benutzer mit der Maus darüber fährt. Diese beiden Stile bieten dem cleveren Designer unzählige Möglichkeiten.

Holen Sie sich diese Symbole >>

4. Japanisches Essen-Icon-Set

—

Kostenlose japanische Essenssymbole

Bild über DailyUI

Dieses moderne, minimalistische und unterhaltsame Icon-Set ist perfekt für Websites und Apps mit einem japanischen oder anderen Essensthema. Versuchen Sie es einfach, ohne ein Verlangen nach Ihrem Lieblings-Sushi-Joint zu entwickeln.

Holen Sie sich diese Symbole >>

5. Kosmos-Icon-Set

—

Freiraumsymbole

Bild über Dribbble

Dieses kleine, aber gut gestaltete Set von vier Bitmap-Symbolen wurde nur zum Spaß erstellt (wie viele der besten Kreationen!). Diese außergewöhnlichen Juwelen sind kostenlos erhältlich, um Sie bei Ihrem nächsten Weltraumprojekt zu inspirieren.

Holen Sie sich diese Symbole >>

6. Pop-Art-Elemente im Cartoon-Stil

—

Kostenlose Cartoon-Symbole

Bild über Vecteezy

Diese Action-Ikonen würden Batman im Fernsehen der 60er Jahre dazu bringen, aus seinem Trikot zu springen. Wenn Sie planen, hartgesottene Schurken zu bekämpfen und visuelle Soundeffekte aus Ihren Fäusten benötigen, oder nach einer zusammenhängenden Retro-Ikonensammlung suchen, um den Comic "Zing!" zu Ihrem nächsten Projekt, suchen Sie nicht weiter. Action-Wörter im Pop-Art-Stil, Gedanken- und Sprechblasen und dynamische Explosionselemente sind ebenso enthalten wie einige Halbtonhintergründe. Alle möglichen Kombinationen sind bei „Biff!“ garantiert! "Pow!" und "Bang!!" Ihre Kunden in glückliche Unterwerfung.

Holen Sie sich diese Symbole >>

7. Symbole für zufällige Elemente

—

Kostenlose zufällige Symbole

Bild über Desket

Der Name sagt alles. Das einzige, was diese unterschiedlichen Symbole zusammenhält, ist der gut ausgeführte Liniendesign-Stil. Brauchen Sie ein Ei-Symbol mit einem passenden Bett? Dieses Set hat Sie abgedeckt. Der Autor beabsichtigte, dass dieses Set die Lücken füllt, die andere Icon-Sets oft nicht bieten. Der Basketball und das Wearable sagen uns, dass es ihm gelungen ist.

Holen Sie sich diese Symbole >>

8. Banking-Symbole

—

Kostenlose Finanzsymbole

Bild über Peecheey

Diese Reihe von Symbolen im Stil von Strichzeichnungen würde auf einer Finanz-Website, einer Online-Banking-App oder einer geldorientierten Infografik zu Hause aussehen. Kreditkarten, Schecks, Sparen, Trends, Online-Banking – alle wichtigen Bankkonzepte werden in einem klaren, einfachen Stil behandelt.

Holen Sie sich diese Symbole >>

9. Pfeilsymbole

—

Kostenlose Pfeilsymbole

Bild über Peecheey

Sind Sie im Unkraut verloren und suchen Sie nach Inspiration? Lassen Sie sich von dieser Sammlung bunter Pfeile in die richtige Richtung weisen. Sie eignen sich perfekt für Navigationsschaltflächen und Infografik-Flussanzeigen. Oder nutzen Sie sie, um in einer Online-Demo auf markante Punkte aufmerksam zu machen. Hier gelangen Sie zu nützlichen Pfeilsymbolen.

Holen Sie sich diese Symbole >>

10. Business-Icon-Set

—

Kostenlose Business-Icons

Bild über FreeDesignData

Diese kompakte Kollektion bietet klare, flache Designs mit Strichzeichnungen und Farbstilen. Es ist ein großartiger Ausgangspunkt, wenn Sie nach einer professionellen, aber leicht verspielten Icon-Ästhetik suchen, die sich perfekt in einer PowerPoint-Präsentation oder als Navigationslinks für Ihr nächstes Webdesign eignet. Sie können sowohl in Adobe Illustrator als auch in Sketch verwendet werden.

Holen Sie sich diese Symbole >>

11. Adaptive Symbole

—

Kostenlose adaptive Symbole

Bild über SketchAppSources

Wenn Sie adaptive Symbole für Android- oder iOS-Anwendungen erstellen müssen, ist diese Sketch-Vorlage genau das Richtige für Sie. Verwenden Sie die Live-Vorschau, um eine Vielzahl von Formen anzuzeigen, sodass sich Symbole sauber an verschiedene Gerätemodelle anpassen können.