🧷 SVG Viewer & Editor
Inspect icons and logos before you use them: preview SVG code safely, fix size and viewBox, strip risky content and export a clean SVG or PNG.
✅ Free · No sign-up
Open an .svg file or paste SVG code below
Safe preview![SVG preview]()
How to use the SVG Viewer & Editor
- Open an SVG file or paste its code.
- Press Validate & preview: syntax errors are reported with their line, and risky content is listed.
- Edit the code, change width/height (the viewBox is kept so it scales cleanly) and test backgrounds.
- Download the sanitised SVG, copy it, or export a PNG at 1×, 2× or 4×.
Why creators use it
- Check icons from the internet before adding them to your site.
- Fix the size or viewBox of a logo exported from a design tool.
- Make PNG versions of SVG icons for thumbnails and slides.
Good to know
- For safety the preview is rendered as an image, so SVG animations driven by scripts and links inside the SVG do not run there.
- External fonts, images and stylesheets referenced by URL are removed, because they can track viewers or load unsafe content. Embedded (data:) PNG/JPEG/GIF/WebP images are kept.
Frequently asked questions
Why is SVG risky?
SVG is XML that can contain scripts, event handlers and links to external resources. Opened directly in a browser or inlined in a page, a malicious SVG can run code (XSS).
What does the sanitiser remove?
Scripts, event handlers (onload, onclick …), foreignObject, javascript: links, external references in href, url() and @import, and other elements outside the SVG allow-list (DOMPurify SVG profile).
Is my SVG uploaded?
No. Everything runs in your browser.