SVG viewer
See any SVG instantly — on light, dark, or see-through backgrounds.
Using toolbook means you agree to our Terms and Privacy Policy.
or drag it here
SVG file
Your files stay on your device
How to use it
Paste SVG code or drop a file here to see it straight away, along with its size and details. If it’s broken, you see the exact error and line.
Opening an SVG usually gives you either a wall of code or a tiny picture stuck in a corner. Here you see it properly, with its size and details below.
Switch between light, dark, and checkerboard backgrounds. A white logo looks fine on white… until you put it on dark. The checkerboard shows what’s actually see-through.
Edit the code and the preview updates as you type — a quick way to test a change.
Not showing up? SVG is strict: one missing closing tag or stray & breaks the whole thing. You’ll see the exact error and line number so you can fix it fast.
FAQ
Is it safe to paste SVG code from an unknown source?
Yes. Scripts are removed first, and the preview can’t run code or load anything.
Why does my SVG show an error?
SVG has to be written exactly right: every tag closed and every & written as &. The error shows the line to look at.
Why is my SVG the wrong size?
Check the width, height, and viewBox shown under the preview. A missing viewBox is the usual cause.
Can I edit the code?
Yes. The preview updates as you type.
How it worksFor the curious
The preview renders through an image element rather than injecting your markup into this page. An SVG inserted with innerHTML can run a script element or onload attribute immediately; inside an image element, scripts do not run and external references are not fetched. Scripts and handlers are also stripped first, so the sandbox is not the only defence.
SVG is XML, not HTML, so it has none of HTML’s error tolerance. Parse errors are shown exactly as the browser’s XML parser reports them, including the line.
A file with fixed width and height but no viewBox cannot scale; the viewBox fixer diagnoses and repairs that.