SVG-Code

Vorschau

Export-Optionen

SVG-Datei

Als .svg herunterladen

PNG-Bild

In PNG rastern

React JSX

In Komponente umwandeln

Data URI

Base64-kodiert

CSS-Hintergrund

Als Hintergrund verwenden

Was ist der Online-SVG-Viewer?

Der SVG-Viewer ist ein kostenloses Tool zum Inspizieren und Vorschauen von skalierbaren Vektorgrafiken (SVG) direkt in Ihrem Browser. Hochwertige Vektordateien können komplex sein, und unser Viewer ermöglicht es Ihnen, das visuelle Ergebnis und den zugrunde liegenden XML-Code nebeneinander zu sehen.

Er ist ein unverzichtbares Hilfsmittel für Entwickler, die SVG-Abmessungen, Farben und Pfade vor der Implementierung überprüfen müssen. Da Ihre Dateien auf Ihrem Gerät bleiben, ist dies ein sicherer und schneller Weg, Ihre Vektor-Assets zu verwalten.

Wie benutzt man den Online-SVG-Viewer?

  1. Ziehen Sie Ihre SVG-Datei per Drag & Drop in den Viewer oder wählen Sie sie von Ihrem Computer aus.
  2. Wechseln Sie zwischen den Registerkarten "Vorschau" und "Code", um verschiedene Aspekte der Datei zu prüfen.
  3. Kopieren Sie den optimierten Code oder verwenden Sie die Vorschau, um die Designdetails zu überprüfen.