Back to all tools

SVG Viewer

Paste SVG code to preview it live, with zoom, backgrounds and PNG export.

Open SVG

SVG CodeInvalid SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#7c3aed;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#2563eb;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <circle cx="100" cy="100" r="90" fill="url(#grad)" opacity="0.15"/>
  
  <circle cx="100" cy="100" r="70" fill="none" stroke="url(#grad)" stroke-width="4" stroke-dasharray="10 5">
    <animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="8s" repeatCount="indefinite"/>
  </circle>
  
  <polygon points="100,30 112,70 155,70 122,93 133,133 100,110 67,133 78,93 45,70 88,70"
    fill="url(#grad)" opacity="0.9"/>
  
  <circle cx="100" cy="100" r="8" fill="white" opacity="0.8"/>
  <text x="100" y="175" text-anchor="middle" font-family="system-ui" font-size="12" fill="#7c3aed" font-weight="600">SVG Viewer</text>
</svg>

100%

Enter valid SVG to see preview

About SVG Viewer

SVG Viewer renders SVG markup as a live graphic preview with zoom and pan controls. You can edit the SVG code and see updates instantly. Export the SVG or convert it to a PNG for use in projects. Ideal for designers and developers working with vector graphics.

Live SVG rendering from code
Zoom and pan controls
Real-time code editing
Export as SVG or PNG

Related Tools

Preview HTML code live in a sandboxed frame

Explore JSON as a collapsible tree

View PDF files page by page in the browser

View CSV as a sortable, searchable table

Explore XML as a collapsible tree

View images with zoom, rotate and flip