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

Skripte und externe Ressourcen werden aus Sicherheitsgründen blockiert.

100%

Gültiger SVG-Code wird hier angezeigt.

Worum es geht

Der SVG-Viewer stellt SVG-Code direkt im Browser dar, sodass du eine Vektorgrafik prüfen kannst, ohne den Code 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 XML-Code direkt.
  2. Prüfe die gerenderte Grafik und nutze Zoom oder Verschieben, um Details anzusehen.
  3. Setze die Ansicht zurück oder leere das Feld, wenn du eine andere SVG-Datei prüfen möchtest.

Sinnvolle Anwendungsfälle

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

Hinweise und Grenzen

  • Der Code wird lokal im Browser verarbeitet. Skripte, eingebettetes HTML und externe Ressourcen werden blockiert.
  • Nicht unterstützte oder potenziell unsichere SVG-Inhalte 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 dargestellt.

Werden externe Bilder oder Schriftarten geladen?

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