SVG Viewer
Paste SVG markup and see it rendered instantly — zoom, swap the background, and export.
Background
Zoom
100%
SVG markup
Preview200 × 200 px
Valid SVG · 200×200 · 665 bytes · renders locally
What this tool does
Paste raw SVG markup and this tool renders it live, so you can check how an icon or illustration actually looks before dropping it into your project. Zoom in to inspect detail, switch between a checkerboard, light, or dark background to test transparency, and read off the intrinsic dimensions. The preview runs inside a locked sandbox, so markup from anywhere is safe to paste — and nothing ever leaves your browser.
How to use it
- Paste your
<svg>markup into the left pane — or hit Upload to open an.svgfile from your machine. - Watch it render on the right. The status bar confirms the markup is valid and the preview header shows the intrinsic dimensions.
- Use zoom to inspect detail at up to 400%, and swap the background between checkerboard, light, and dark to check transparency.
- Copy the markup, or open the Download menu to save it as an
.svgor export a 2× PNG.
Frequently asked questions
Is my SVG uploaded anywhere?
No. Rendering happens locally in your browser — nothing is sent to a server, logged, or stored.
Why the checkerboard background?
It reveals transparency. Switch to light or dark to preview your SVG against a real surface before you ship it.
Does it run scripts inside the SVG?
No. The preview renders inside a fully locked sandboxed iframe with scripting disabled, so embedded
<script> tags, SMIL event handlers, and javascript: links can't run — pasting an SVG you didn't write is safe.Where do the dimensions come from?
From the root
<svg> tag's width and height. If those are missing — as they are on most icon sets — the size is read off the viewBox instead.Can I convert it to PNG?
Yes. The PNG button rasterizes the SVG at twice its intrinsic size and downloads the result, so the export stays sharp on high-density screens.