Yesicon
Yesicon · Bilder
Yesicon bündelt fast 400.000 kostenlose Vektor-Icons aus 240 Open-Source-Sets auf einer Seite, mit Farb- und Größenregler und Export als SVG, PNG oder Code.
Über Yesicon
About
Was ist Yesicon
Yesicon ist eine Icon-Suchmaschine im Browser, gebaut für Designer und Entwickler. Sie holt Icons aus Dutzenden offenen Sets, von Material Symbols und Tabler bis Phosphor und Lucide, und legt sie hinter ein einziges Suchfeld. Sie tippen "download" oder "cart" ein, filtern nach Stil oder Kategorie und landen beim passenden Icon.
Damit ist die Seite zugleich eine Open-Source-Icon-Bibliothek, die Sie direkt im Browser durchsuchen, ohne etwas zu installieren. Die Daten stammen von Iconify, einem Open-Source-Projekt, das bereits hunderte Icon-Sammlungen vereinheitlicht. Yesicon ist die Suchschicht darüber. Wie gut die Suche funktioniert, hängt deshalb davon ab, wie die Ursprungs-Sets ihre Icons benennen. Ein sehr spezielles Symbol kann dort schlicht noch fehlen.
Die Seite ist kostenlos und verlangt kein Konto. Alles ist darauf ausgelegt, ein Icon in Sekunden aus der Seite in Ihr Projekt zu bekommen, nicht darauf, in Yesicon eine eigene Bibliothek zu pflegen.
Erste Schritte
- Öffnen Sie yesicon.app und geben Sie einen Begriff in die Suche ein. Mit Strg K springen Sie von jeder Stelle der Seite direkt ins Feld.
- Grenzen Sie die Treffer mit den Filtern ein. Wählen Sie einen Stil wie Kontur, gefüllt oder zweifarbig, eine Kategorie wie UI-Aktionen oder Marken und bei Bedarf ein Quell-Set, dem Sie schon vertrauen.
- Stellen Sie Farbe und Pixelgröße im Vorschaufenster ein. Das Icon zeichnet sich neu, während Sie an den Reglern ziehen.
- Kopieren Sie die Ausgabe in der Form, die Sie brauchen: reines SVG, PNG in der gewählten Größe oder ein Code-Schnipsel für React, Vue, Svelte, TailwindCSS oder UnoCSS.
- Prüfen Sie die Lizenz vor der Veröffentlichung. Jedes Icon gehört zu seinem Ursprungs-Set, die Bedingungen kommen also von diesem Projekt und nicht von Yesicon.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von Yesicon.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Frontend-Entwickler
- UI- und Produktdesigner
- Studierende und private Projekte
- Einzelentwickler mit einer kleinen App
Aufgaben
- Das passende Icon zu einer Komponente finden
- Ein einheitliches Icon-Set für ein neues Projekt auswählen
- Ein Icon auf die Markenfarben umfärben
- Framework-fertigen Code holen
- Logos von Netzwerken und Marken zusammenstellen
Szenarien
- Eine Landingpage spät am Abend
- Ein gemischtes Icon-Set in einer alten Codebasis aufräumen
- Prototypen, bevor ein Designsystem existiert
- Eine Präsentation oder ein PDF mit PNG-Icons bauen
Wichtigste Funktionen
Eine Suche über 240 Icon-Sets
Eine Anfrage durchsucht fast 400.000 Icons aus Open-Source-Sets wie Material Symbols, Material Design Icons, Tabler, Solar, Remix Icon, Lucide, Phosphor, Heroicons und Font Awesome. Sie müssen nicht wissen, welches Projekt welches Symbol besitzt. Die Ergebnisseite zeigt den Namen des Sets neben jedem Icon, die Herkunft bleibt also immer sichtbar.
Filter nach Stil, Kategorie und Set
Die Filter greifen an drei Stellen. Der Stil trennt Kontur, gefüllt, zweifarbig und abgerundet. Die Kategorie ordnet nach Zweck, von UI-Aktionen und Navigation bis zu Marken, Essen und Games. Der Set-Filter zieht alles auf eine Sammlung zusammen, wenn Einheitlichkeit mehr zählt als Auswahl. Alle drei kombiniert schrumpfen tausende Treffer meist auf eine Bildschirmseite.
Farbe und Größe in der Vorschau
Im Vorschaufenster ändern Sie Farbe und Pixelgröße, bevor Sie exportieren. Was Sie sehen, landet in der Zwischenablage. Das hilft vor allem, wenn ein Icon zu einer CSS-Variable passen muss, und jedem, der schon einmal ein schwarzes SVG in ein dunkles Theme geklebt und es von Hand korrigiert hat.
Export als SVG, PNG oder Code
Wer SVG-Code kopieren will, ein PNG in der eingestellten Größe braucht oder ein fertiges Schnipsel für React, Vue, Svelte, TailwindCSS und UnoCSS mitnimmt, bleibt im selben Panel. Damit sind Designer bedient, die in Figma oder Sketch einfügen, und Entwickler, die eine Komponente direkt ins Template setzen. Der Code entsteht aus derselben Quelle wie die Vorschau und passt deshalb exakt.
Seite mit den häufigsten Suchbegriffen
Die Trending-Seite listet die Begriffe, die englischsprachige Nutzer in den vergangenen sechs Monaten am häufigsten gesucht haben, und wird Ende jedes Monats neu berechnet. Oben stehen Wörter wie plus, user, star oder search, daran sehen Sie, wie die Community gängige Aktionen benennt. Zugleich dient die Liste als Gedächtnisstütze, wenn der übliche Name für ein Icon fehlt.
Oberfläche in neun Sprachen
Die Oberfläche gibt es auf Englisch, vereinfachtem und traditionellem Chinesisch, Spanisch, Deutsch, Französisch, Japanisch, Koreanisch und Portugiesisch. Weil jede Sprache einen eigenen Pfad hat, arbeitet ein über Regionen verteiltes Team in seiner Sprache, ohne mehrere Konten. Die Suche selbst versteht am besten englische Begriffe, den Begriff für das gesuchte Icon sollte man also kennen.
Vor- und Nachteile
Vorteile
- Der Katalog ist riesig und kostenlos. Vierhunderttausend Icons aus 240 Sets decken fast jede UI-Aufgabe ohne Abo ab.
- Suchen, Filtern und Kopieren laufen auf einer Seite, das ständige Springen zwischen Icon-Websites fällt weg.
- Die Live-Vorschau von Farbe und Größe spart einen manuellen Bearbeitungsschritt, weil das Icon direkt im gewünschten Zustand kopiert wird.
- Die Schnipsel für React, Vue und TailwindCSS ersparen die Umwandlung von Hand, und die Ausgabe stimmt mit der Vorschau überein.
- Kein Konto und kein Nutzungslimit, Sie können eine lange Design-Session über weiter suchen.
Nachteile
- Es gibt keine offizielle API und keinen Massendownload, 200 Icons in ein Repository zu holen bleibt also Klick für Klick.
- Jedes Icon trägt die Lizenz seines Ursprungs-Sets, und diese Lizenzen unterscheiden sich. Vor kommerzieller Nutzung müssen Sie die Bedingungen jedes Projekts prüfen, bei großen Projekten ist das zusätzliche Arbeit.
- Der Entwickler bietet kein Plugin für Figma, Sketch oder VS Code, Designer verlieren dadurch einen Schritt gegenüber Werkzeugen, die direkt auf der Zeichenfläche sitzen.
- Die Suchqualität hängt von der Benennung im Ursprungs-Set ab. Schlecht dokumentierte oder seltsam benannte Icons tauchen kaum auf, selbst wenn sie im Katalog stecken.
Häufige Fragen
Ja. Es gibt kein Bezahlmodell, kein Konto und kein Download-Limit. Sie suchen und kopieren ohne Registrierung, und es bleibt nichts zu kündigen.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu Yesicon.
Alternativen zu Yesicon
Google EmbeddingGemma 2
Google DeepMind · Schreiben · Bilder · CodingGoogle EmbeddingGemma 2 ist ein offenes Modell mit 740 Millionen Parametern, das Text, Code, Bilder, Audio und Videobilder in Vektoren eines gemeinsamen 768-dimensionalen Raums umwandelt und auf Handys und Notebooks läuft.
Tractionwave
TractionWave · Bilder · MarketingTractionWave erstellt per KI eine Aufmerksamkeits-Heatmap für statische Anzeigen. Sie laden ein PNG oder JPG hoch und bekommen prognostizierte Aufmerksamkeit, sortierte Hotspots und Korrekturen, bevor Budget fließt.
Imejis.io
Imejis.io · Bilder · MarketingImejis.io ist ein KI-Designstudio für Agenten und Marketingteams. Sie beschreiben ein Bild in eigenen Worten, und das Werkzeug schreibt den Text, baut das Layout, passt es an jedes Format an und exportiert die fertige Datei.