SVG Viewer
Paste raw SVG markup and preview the rendered result immediately.
The preview disables scripts and external references, while still letting you inspect viewBox and size details.
SVG preview: paste raw code and check the result instantly
viewBox and size checks: review transparency and potentially unsafe content
How to use
- Paste SVG code or load an `.svg` file.
- Switch the background and zoom level to inspect the rendering.
- Review viewBox, size details, and warnings, then save the SVG if needed.
Sample
Simple icon SVG
Input
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Output
A blue circular icon is rendered, and the viewBox is shown as `0 0 120 120` in the info panel.
FAQ
Is my SVG uploaded anywhere?
No. Pasted SVG and loaded files stay in your browser and are not sent to a server.
What happens to SVGs that contain script or foreignObject?
The safe preview removes those elements before rendering and shows a warning in the info panel.
Will SVGs with external images or fonts render exactly the same?
Not always. External references are disabled, so the appearance may differ from the original environment. This tool prioritizes safe local inspection.
Why does my SVG not render?
Common causes are invalid XML, bad attribute values, or a root element that is not `svg`. Check the error message shown by the tool.
Why would I switch the background?
Transparent areas and light-colored icons can look very different depending on the background, so the tool lets you test checker, white, and dark backgrounds quickly.
Notes
- For safety, external URL references and dangerous elements are disabled before rendering.
- SVGs that depend on external fonts or images may not look the same as they do in the original environment.
- Very large SVG files automatically switch out of live preview mode and ask you to render manually.