selfh.st Icons
SVG-Vektor-Icon-Sammlung selfh.st Icons (6,993 Icons) unter offener CC-BY-4.0-Lizenz.
SVG Nexus / Library
Finde das passende Symbol.
Durchsuche Vektorquellen nach Bereich, Kategorie, Stil und Lizenz.
1. Nach Bereich stoebern
Lizenzinformationen
- MIT 38,361 Symbole | Nennung Pflicht
- Apache-2.0 20,303 Symbole | Nennung Pflicht
- CC BY 4.0 10,697 Symbole | Nennung Pflicht
- CC BY-SA 4.0 4,510 Symbole | Nennung Pflicht
- ISC 1,866 Symbole | Nennung Pflicht
- CC0 393 Symbole | Nennung freiwillig
- CC BY-SA 3.0 7 Symbole | Nennung Pflicht
- MPL-2.0 7 Symbole | Nennung Pflicht
- BSD-3-Clause 4 Symbole | Nennung Pflicht
- GPL-3.0-only 4 Symbole | Nennung Pflicht
- GPL-3.0-or-later 4 Symbole | Nennung Pflicht
- GPL-2.0-or-later 3 Symbole | Nennung Pflicht
- CC BY-ND 4.0 2 Symbole | Nennung Pflicht
- CC BY 2.5 1 Symbole | Nennung Pflicht
- CC BY-SA 2.0 1 Symbole | Nennung Pflicht
- CC BY-SA 2.5 1 Symbole | Nennung Pflicht
- Coreboot (custom) 1 Symbole | Nennung Pflicht
- GPL-2.0-only 1 Symbole | Nennung Pflicht
2. Icon Bibliotheken
Sortierung nach Beliebtheit, Aktualitaet und Downloads bleibt aus, weil wir keine Nutzerdaten und keine Statistik erfassen.
6,993 Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails.
1panel Light
selfh.st Icons|brands1panel
selfh.st Icons|brands1password Dark
selfh.st Icons|brands1password Light
selfh.st Icons|brands1password
selfh.st Icons|brands2fauth Dark
selfh.st Icons|brands2fauth Light
selfh.st Icons|brands2fauth
selfh.st Icons|brands7 Zip Dark
selfh.st Icons|brands7 Zip Light
selfh.st Icons|brands7 Zip
selfh.st Icons|brands8mb Local Dark
selfh.st Icons|brands8mb Local Light
selfh.st Icons|brands8mb Local
selfh.st Icons|brands9router Dark
selfh.st Icons|brands9router Light
selfh.st Icons|brands9router
selfh.st Icons|brandsAccent Dark
selfh.st Icons|brandsAccent Light
selfh.st Icons|brandsAccent
selfh.st Icons|brandsAce Stream Dark
selfh.st Icons|brandsAce Stream Light
selfh.st Icons|brandsAce Stream
selfh.st Icons|brandsAckee Dark
selfh.st Icons|brandsAckee Light
selfh.st Icons|brandsAckee
selfh.st Icons|brandsAckify Dark
selfh.st Icons|brandsAckify Light
selfh.st Icons|brandsAckify
selfh.st Icons|brandsAcquiremock Dark
selfh.st Icons|brandsAcquiremock Light
selfh.st Icons|brandsAcquiremock
selfh.st Icons|brandsActivepieces Dark
selfh.st Icons|brandsActivepieces Light
selfh.st Icons|brandsActivepieces
selfh.st Icons|brandsActivitypub Dark
selfh.st Icons|brandsActivitypub Light
selfh.st Icons|brandsActivitypub
selfh.st Icons|brandsActual Budget Dark
selfh.st Icons|brandsActual Budget Light
selfh.st Icons|brandsActual Budget
selfh.st Icons|brandsAdguard Home Central Manager Dark
selfh.st Icons|realestateAdguard Home Central Manager Light
selfh.st Icons|realestateAdguard Home Central Manager
selfh.st Icons|realestateAdguard Home Dark
selfh.st Icons|realestateAdguard Home Light
selfh.st Icons|realestateAdguard Home
selfh.st Icons|brandsKeine Symbole passen zu diesen Filtern.
Versuchen Sie einen anderen Suchbegriff oder wählen Sie eine Kategorie.
Anleitungen für Entwickler
Klare und einfache Antworten für Designer und Webentwickler.
SVG vs. PNG: Welches Format sollten Sie nutzen?
Verwenden Sie SVG für Website-Icons, Logos und Benutzeroberflächen, da Vektorpfade auf jedem Bildschirm gestochen scharf bleiben. Nutzen Sie PNG für feste Pixelgrafiken in E-Mails oder sozialen Netzwerken.
So animieren Sie SVG-Icons mit CSS
Fügen Sie Ihrem Inline-SVG eine CSS-Klasse hinzu und nutzen Sie transform oder stroke-dasharray Keyframes. Unser Live-Editor erstellt flüssige 60fps-Animationen ganz ohne JavaScript.
SVG-Icons in Figma oder im Browser bearbeiten
Kopieren Sie den SVG-Code von SVG Nexus und fügen Sie ihn direkt in Figma oder Illustrator ein. Alternativ können Sie jedes Icon direkt in unserem Browser-Studio bearbeiten.
SVG-Icons in React, Next.js und Vue verwenden
Wählen Sie auf einer Icon-Seite den Tab React TSX oder Vue 3, um eine fertige Komponente mit currentColor-Unterstützung für Tailwind CSS zu kopieren.
Häufig gestellte Fragen
Wie durchsuche und filtere ich die 76,166 SVG-Icons? +
Geben Sie einen Suchbegriff in die Live-Suche ein, um Icons in wenigen Millisekunden ohne Neuladen nach Kategorie, Bibliothek oder Stil zu filtern.
Kann ich Icons sowohl als SVG als auch als hochauflösendes PNG herunterladen? +
Ja, jedes Icon kann als saubere SVG-Vektordatei oder als transparentes PNG von 64x64 bis 2048x2048 Pixel heruntergeladen werden.
Sind alle Icon-Bibliotheken kostenlos für kommerzielle Projekte? +
Der Katalog nutzt die Open-Source-Lizenz der jeweiligen Bibliothek. MIT, ISC und Apache-2.0 decken die meisten Bibliotheken ab und erlauben kommerzielle Nutzung. Twemoji Grafiken stehen unter CC BY 4.0, eine Nennung ist Pflicht, und OpenMoji steht unter CC BY-SA 4.0, Nennung und Weitergabe unter gleicher Lizenz sind Pflicht. Jede Bibliothek behaelt ihre eigene Lizenz, deshalb vor der kommerziellen Nutzung die Lizenztabelle pruefen. Das Lizenzzeichen auf jeder Icon Seite zeigt die genaue Regel.
Warum behalten mehrfarbige Icons ihre Originalfarben? +
Wir bewahren standardmäßig die originalen Füll- und Linienfarben, damit Markenlogos und 3D-Icons originalgetreu heruntergeladen werden.
Wie fasse ich mehrere Icons in einem SVG-Sprite zusammen? +
Nutzen Sie den SVG-Sprite-Generator oder das Studio, um mehrere Icons in einer wiederverwendbaren Symbol-Datei zu bündeln.
Brauche ich ein Konto für den Download? +
Nein, es ist keine Registrierung erforderlich. Alle Icons und Tools sind komplett kostenlos.
Wie viele Symbole sehe ich auf einer Katalogseite? +
Das Raster laedt 48 Symbole auf einmal. Du kannst nachladen oder nummerierte Seiten oeffnen. Jede Seite hat eine eigene Adresse.
Kann ich nach Ordnernamen wie lucide oder tabler suchen? +
Ja. Tippe den Ordnernamen oder nutze die Ordnerchips und den Bibliotheksfilter. Das Raster aktualisiert sich ohne Neuladen.