outline
SVG Icons Collection
SVG-Vektor-Icon-Sammlung SVG Icons Collection (533 Icons) unter offener MIT-Lizenz.
SVG Icons Collection MIT
Autor: SVG Nexus Open Catalog |
Hinweisdatei ansehen (LICENSE.txt)
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
Schnellsuche:
Bibliothek:
Kategorien:
Sortierung nach Beliebtheit, Aktualitaet und Downloads bleibt aus, weil wir keine Nutzerdaten und keine Statistik erfassen.
533 Symbole
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails.
outline
Acorn
SVG Icons Collection|interface
outline
Adidas
SVG Icons Collection|interface
outline
Airbnb
SVG Icons Collection|interface
outline
Airtable
SVG Icons Collection|interface
outline
Alibabadotcom
SVG Icons Collection|interface
outline
Aliexpress
SVG Icons Collection|interface
outline
Ambulance
SVG Icons Collection|interface
outline
Amd
SVG Icons Collection|interface
outline
Americanexpress
SVG Icons Collection|interface
outline
Android
SVG Icons Collection|interface
outline
Androidstudio
SVG Icons Collection|interface
Angular
SVG Icons Collection|interface
Ansible
SVG Icons Collection|interface
Antdesign
SVG Icons Collection|interface
Anthropic
SVG Icons Collection|interface
Apache
SVG Icons Collection|interface
Apple
SVG Icons Collection|interface
Archlinux
SVG Icons Collection|interface
Argo
SVG Icons Collection|interface
Arm
SVG Icons Collection|interface
Asana
SVG Icons Collection|interface
Astro
SVG Icons Collection|interface
Asus
SVG Icons Collection|interface
Atlassian
SVG Icons Collection|interface
Atom
SVG Icons Collection|interface
Audi
SVG Icons Collection|interface
Avatar 3d Sample
SVG Icons Collection|3d-icons
Avocado
SVG Icons Collection|interface
Babel
SVG Icons Collection|interface
Baby Carriage
SVG Icons Collection|interface
Baby
SVG Icons Collection|interface
Bandaids
SVG Icons Collection|interface
Barbell
SVG Icons Collection|interface
Basket
SVG Icons Collection|interface
Bed
SVG Icons Collection|interface
Beer Bottle
SVG Icons Collection|food
Beer Stein
SVG Icons Collection|food
Behance
SVG Icons Collection|interface
Bereal
SVG Icons Collection|interface
Bicycle
SVG Icons Collection|interface
Bigcommerce
SVG Icons Collection|interface
Blender
SVG Icons Collection|interface
Blogger
SVG Icons Collection|interface
Bluesky
SVG Icons Collection|interface
Bmw
SVG Icons Collection|interface
Bone
SVG Icons Collection|interface
Bootstrap
SVG Icons Collection|interfaceKeine Symbole passen zu diesen Filtern.
Versuchen Sie einen anderen Suchbegriff oder wählen Sie eine Kategorie.
Praktische SVG-Anleitungen und Tutorials
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.