Geometrisches Icon-Set
sample-svg-icon-set.svg
480 × 120 pxviewBox: 0 0 480 120
HerunterladenLinien und Formen · 0,8 KB
SVG · 5 SVG-Beispieldateien
SVG-Beispieldateien herunterladen
Laden Sie kostenlose SVG-Dateien herunter, um Uploads, Vorschauen, Editoren und Webprojekte zu testen. Die Sammlung enthält eigene Vektor-Icons, ein Emblem, ein Flussdiagramm, eine Farbpalette und eine Stadtkarte.
5 SVG-Beispieldateien Skalierbare XML-Vektorgrafiken
SVG-Vektorbeispiele
Kostenlose SVG-Dateien herunterladen
5 SVG-Beispieldateien
Sehen Sie sich jede Vektorgrafik an und laden Sie den SVG-Quelltext herunter. Zeichenfläche, viewBox und Dateigröße sind angegeben.
Abstraktes Vektoremblem
sample-svg-logo-badge.svg
400 × 400 pxviewBox: 0 0 400 400
HerunterladenPfade und Verläufe · 0,7 KB
Prozessflussdiagramm
sample-svg-flowchart.svg
960 × 420 pxviewBox: 0 0 960 420
HerunterladenFormen und Verbindungen · 1,3 KB
Farbpalette und Verläufe
sample-svg-color-palette.svg
600 × 360 pxviewBox: 0 0 600 360
HerunterladenFarbfelder · 1,2 KB
Stilisierte Stadtkarte
sample-svg-city-map.svg
900 × 600 pxviewBox: 0 0 900 600
HerunterladenBlöcke und Straßen · 1,4 KB
SVG-Ratgeber: Vektorbilder, viewBox und Skalierung
SVG steht für Scalable Vector Graphics. Das XML-basierte Format beschreibt zweidimensionale Grafiken mit Elementen wie Pfaden, Formen, Text und Farbverläufen. Da Vektorgrafiken mathematisch definiert sind, lassen sie sich in verschiedenen Anzeigegrößen ohne die Pixelbildung vergrößerter Rasterbilder darstellen.
Vektorgrafiken bleiben beim Skalieren scharf
SVG beschreibt Formen und Pfade, statt nur ein festes Pixelraster zu speichern. Browser können denselben Vektor in verschiedenen Größen darstellen. Das eignet sich für Logos, Icons, Diagramme und Oberflächengrafiken.
viewBox legt den Koordinatenraum fest
Die SVG-viewBox definiert den Koordinatenraum der Zeichnung. Breiten- und Höhenattribute geben eine bevorzugte Anzeigegröße an; responsive Layouts können die Grafik proportional skalieren.
SVG-Quelltext ist bearbeitbar
SVG-Markup lässt sich in Texteditoren und Vektorprogrammen öffnen. Diese Beispiele verwenden eigene Pfade, Formen, Farben und Verläufe, deren Quelltext Sie prüfen oder anpassen können.
Fragen zu SVG-Dateien
Was ist eine SVG-Datei?
SVG steht für Scalable Vector Graphics. Es ist ein XML-basiertes Format zur Beschreibung zweidimensionaler Vektorgrafiken wie Icons, Diagrammen und Illustrationen.
Verliert SVG beim Vergrößern an Qualität?
Vektorformen werden für die jeweilige Anzeigegröße gerendert und bleiben beim Skalieren normalerweise scharf. Ein eingebettetes Rasterbild behält jedoch seine ursprüngliche Pixelgrenze.
Was bedeutet viewBox in einer SVG-Datei?
Die viewBox definiert das interne Koordinatenrechteck, in dem die SVG gezeichnet wird. Browser können die Grafik damit bei gleichbleibenden Proportionen auf verschiedene Größen skalieren.
Wann sollte ich SVG statt PNG verwenden?
SVG eignet sich oft für Logos, Icons und Diagramme aus klaren Formen. PNG ist häufig passender für Fotos, komplexe Pixelgrafiken oder Arbeitsabläufe, die Rasterbilder erfordern.
Kann ich eine SVG-Datei öffnen und bearbeiten?
Ja. Viele Vektor- und Codeeditoren können SVG-Markup öffnen. Änderungen können die Grafik verändern; bewahren Sie bei Bedarf eine unveränderte Originalkopie auf.
SVG-Referenzen: W3C-SVG-Spezifikation · MDN-SVG-Leitfaden