SVG Viewer and Cleaner

SVG Viewer and Cleaner shows an SVG drawing safely and prepares it for use on a website. An SVG is a text file that can contain more than a drawing: scripts, event handlers such as onload, links that fetch files from other sites, and embedded HTML. Pasted into a page as inline code, those can run. This tool removes all of them with DOMPurify’s SVG rules and lists what it took out, then shows the result as an image, which a browser never lets run code. An optional tidy step removes what drawing programs leave behind — Inkscape, Sketch, Illustrator and Figma metadata, editor attributes, empty groups and whitespace — which often makes icons noticeably smaller. You can then download the clean file, copy its code, or copy it as a data URI or a CSS background-image, escaped the short way.

1. Paste the SVG code, open an .svg file, or drop one on the box.
2. Read what was removed for safety and what was tidied.
3. Check the drawing on checks, a light or a dark background.
4. Download the clean SVG, or copy it as code, a data URI or a CSS background.

• The tidy step does not rewrite path data or round numbers, so files exported with very long decimals stay larger than an aggressive optimiser would make them; nothing about the drawing changes.
• Links to outside images and fonts are removed, so a drawing that relied on them will show without them. Embed images as data: URLs instead.
• Animations written in SVG (SMIL) and CSS inside the file are kept; scripted animation is removed.
• Files over 5 MB are refused; an SVG that large is usually an embedded photo and is better as a JPEG or WebP.
• Width, height and viewBox are shown as written; an SVG without a viewBox cannot scale cleanly.
• The file is read and cleaned in your browser; it is never uploaded.

An SVG can contain JavaScript that runs when the file is opened in a browser or placed inline in a page. Cleaning removes scripts and event handlers; shown as an image, an SVG cannot run code at all.

Copy it as a CSS background and paste the line into your stylesheet. The SVG is written into the URL itself, so there is no extra file to load.

Usually yes: escaping only the few characters that need it keeps an SVG data URI around a quarter smaller than Base64, and it stays readable.

Drawing programs add editor data, metadata and indentation. Turn on Tidy to remove it; the drawing itself is unchanged.