SVG Viewer

Füge SVG/XML-Code ein und sieh dir die Vektorgrafik direkt im Browser an. Die Vorschau unterstützt Zoom und Verschieben.

SVG Viewer

SVG-Code

Füge SVG/XML-Code ein oder bearbeite ihn direkt.

Vorschau

Scripts und externe Ressourcen werden aus Sicherheitsgründen nicht ausgeführt.

100%

Gültiger SVG-Code wird hier angezeigt.

Worum es geht

Der SVG Viewer zeigt eine eingegebene SVG-Datei direkt im Browser an. So lässt sich die Darstellung eines Vektorbilds prüfen, ohne die Datei an einen externen Dienst zu senden.

So verwendest du das Tool

  1. Füge ein vollständiges SVG-Dokument in das Codefeld ein oder bearbeite den vorhandenen XML-Code.
  2. Prüfe die gerenderte Grafik in der Vorschau und nutze Zoom oder Verschieben für Details.
  3. Setze die Ansicht zurück oder leere das Feld, um eine neue SVG-Datei zu prüfen.

Sinnvolle Anwendungsfälle

  • Eine selbst erstellte SVG-Datei vor der Verwendung auf einer Website kontrollieren.
  • ViewBox, Formen und Abstände einer Vektorgrafik schnell im Browser prüfen.
  • Kleine Änderungen am SVG-Code direkt mit der sichtbaren Ausgabe vergleichen.

Hinweise und Grenzen

  • Die Vorschau verarbeitet den Code lokal im Browser. Scripts, eingebettetes HTML und externe Ressourcen werden nicht ausgeführt.
  • Nicht unterstützte oder potenziell unsichere SVG-Bestandteile können aus der Vorschau entfernt werden.

Häufige Fragen

Warum wird meine SVG-Datei nicht angezeigt?

Prüfe, ob der Inhalt gültiges XML mit einem <svg>-Wurzelelement ist. Unvollständige oder fehlerhafte Dokumente werden nicht gerendert.

Werden externe Bilder oder Schriften geladen?

Nein. Externe Ressourcen und ausführbare Inhalte werden aus Sicherheitsgründen nicht geladen.