TL
Tool Lab
💰Spenden
💰Spenden

SVG Viewer & Editor

Paste SVG code and preview it instantly with zoom controls.

SVG

Über dieses Tool

Fügen Sie SVG-Markup ein und sehen Sie sofort, wie es im Browser-Canvas gerendert wird. SVG ist ein XML-basiertes Vektorformat, das sich perfekt auf jede Bildschirmgröße skaliert.

Hintergrundmodi (Schachbrett, Weiß, Schwarz) helfen bei der Beurteilung transparenter Bereiche und des Farbkontrasts. Die Zoom-Steuerung ermöglicht die Inspektion von Details.

Anleitung

  1. Fügen Sie SVG-Code im Editor-Tab ein oder geben Sie ihn ein.
  2. Wechseln Sie zum Vorschau-Tab, um das gerenderte Ergebnis zu sehen.
  3. Passen Sie Zoom und Hintergrund für eine einfachere Inspektion an.
  4. Klicken Sie auf SVG kopieren oder SVG herunterladen, wenn Sie fertig sind.

Anwendungsfälle

Designer überprüfen SVG-Exporte aus Figma oder Illustrator. Entwickler debuggen Inline-SVG-Markup. Frontend-Ingenieure bestätigen transparente Bereiche mit dem Schachbretthintergrund.

Häufige Fragen

  • Wird mein SVG-Code an einen Server gesendet? — Nein. Die Vorschau wird vollständig in Ihrem Browser gerendert. Es wird nichts hochgeladen oder gespeichert.
  • Warum sieht mein SVG leer aus? — Prüfen Sie, ob das <svg>-Wurzelelement ein viewBox oder explizite width/height-Attribute hat und ob die Füllfarben sich vom Hintergrund unterscheiden.
  • Kann ich bearbeiten und erneut herunterladen? — Ja. Bearbeiten Sie im Editor-Tab, prüfen Sie in der Vorschau, dann klicken Sie auf SVG herunterladen.