Chunk
Eines meiner Lieblings-Icon-Sets mit 600 konsistenten und häufig benötigten Symbolen. Es wurde durch das Figma Creator-Programm finanziert und es ist absolut schön, dass man sie kostenlos nutzen kann.
Dank ihrer 16x16-Begrenzungsrahmen eignen sie sich ideal für dichte Webschnittstellen, wenn Sie ein saftiges Symbol benötigen, um Ihre Aktion oder andere Details hervorzuheben. Es gibt drei Stile, alle mit markanten scharfen Kanten.
Feather
Feather Icons ist eine Open-Source-Sammlung von Symbolen, die mit einem klaren Fokus auf Einfachheit entworfen wurden. Standardmäßig 24x24-Begrenzungsrahmen und ihr Stil machen sie ideal für minimalistische mobile Apps.
Material
Große Symbolsammlung von Google, wenn Sie deren Dienste genutzt haben, haben Sie sie definitiv gesehen. Sie funktionieren gut beim Entwerfen von Android-Apps und Webschnittstellen, können jedoch auch für iOS-Apps verwendet werden, wenn Sie eine konsistente Ikonographie wünschen.
Material-Icons bieten mehrere Stile und flexible Anpassungsmöglichkeiten von Anfang an. Beispielsweise können sie umrandet mit scharfen Kanten oder gefüllt mit abgerundeten Kanten gestaltet werden. Google hat ein praktisches Figma-Plugin veröffentlicht, um Icon-Darstellungen zu durchsuchen und anzupassen.
IconPark
Überraschendes Icon-Paket von der Firma hinter TikTok. Eine reichhaltige und farbenfrohe Sammlung, die Sie kostenlos nutzen können, mit 2.600 grundlegenden Symbolen in 29 Kategorien. IconPark hat vier Stile - Line, Fill, Two-tone und Multi-color. Sie können die letzten beiden mit Farben Ihrer Wahl anpassen, um zu Ihrer Marke zu passen.
SF Symbols
SF Symbols ist eine Icon-Bibliothek von Apple zur Gestaltung von Schnittstellen für alle ihre Plattformen: iOS, iPadOS, MacOS und VisionOS. Es hat 5.000 Icons in neun Gewichtungen und drei Größen.
Sie können exportiert und in Ihrem Editor bearbeitet oder als Zeichen eingefügt werden. Einige der Icons erlauben es, Füllfarben anzupassen und sogar vorgefertigte Animationen zu verwenden.
Apple hat eine dedizierte Mac-App veröffentlicht, in der Sie nach dem benötigten Symbol suchen und es als Textebene in Figma kopieren können.
Untitled UI
Tolle Alternative zu Material-Symbolen, wenn Sie einige spezifische Symbole nicht finden können. Mir gefallen die Kategorien Entwicklung und Layout. Es hat insgesamt 1.100 Icons mit einem Basisstrichstil von 2px und einem 24x24-Begrenzungsrahmen. Die kostenlose Version des Kits enthält nur einen Umrissstil, aber es kann mehr als genug für das durchschnittliche Figma-Projekt sein.
Streamline
Noch ein weiteres Open-Source-Icon-Set, diesmal in einem 14px-Raster und mit einem 1px-Strich. Ähnlich wie Chunk, ist es großartig für dichte Web-UIs, wenn Sie nach einem Icon-Set suchen, das mit einer kleinen Schriftgröße komplementär ist.
Es hat essenzielle Icons für Benutzeroberflächen und viele coole Kategorien, die Sie in anderen Sets nicht finden, wie Natur, Ökologie und Religion.
Simple Icons
Wie oft suchen Sie nach Instagram-, Twitter- und anderen Social-Media-Symbolen, wenn Sie das Footer-Design einer Website entwerfen? Simple Icons spart Ihnen Zeit das nächste Mal, wenn Sie sich in einer solchen Situation befinden. Es ist eine Sammlung von 3.035 Logos bekannter Marken, von Entwicklungs-Framework-Symbolen bis zu Logos von Fluggesellschaften und Einzelhandelsunternehmen.
Tabler Icons
Tabler Icons ist eine Open-Source-Sammlung vollständig anpassbarer Vektorsymbole, die mit großer Detailverliebtheit gestaltet wurden. Sie eignen sich für eine Vielzahl von Designprojekten, einschließlich Web- und Mobilanwendungen.
Bonus
Beim Durchstöbern der Community fand ich ein Konto, das 65k Figma-Icons aus verschiedenen kostenlosen Icon-Sets in einer einzigen Datei gesammelt hat. Hier ist ein Link zu ihrer Seite.
Benötigen Sie eine fantastische Schriftart, die zum Icon-Set passt? Wir haben die bestaussehenden kostenlosen Schriftarten gesammelt, um Ihnen Zeit zu sparen.
Zusammenfassung
Die Wahl des richtigen Icon-Sets kann die Benutzerfreundlichkeit Ihrer mobilen App oder Website erheblich steigern, indem sie Benutzer nahtlos durch die Benutzeroberfläche führt und gleichzeitig die Gesamtästhetik verbessert.
Denken Sie daran, dass das beste Icon-Set eines ist, das mit Ihren Designzielen übereinstimmt, bei Ihrem Publikum Anklang findet und Ihrem digitalen Produkt Kohärenz und Schönheit verleiht.
