← Design & CSS
Design & CSS · runs locally

SVG Editor & Sanitizer

Edit, recolor, resize and sanitize SVG source with a live local preview and a self-contained vector download.

Ready. Your working data stays in this browser.

Why this tool is useful

Preview an SVG safely, apply an exact fill or stroke color replacement and set export dimensions before placing the asset in a page or design system.

How it works

The browser parses the XML, rejects scripts, foreignObject content and external references, updates bounded dimensions and exports sanitized SVG.

Practical example

Paste a 512 × 320 badge, replace its exact blue fill with a brand green, inspect the preview and download the cleaned vector without uploading it.

Validation

The calculation is deterministic and explains validation errors instead of silently changing invalid input.

Privacy boundary

Input and output remain in this tab. Copy and download happen through browser APIs without a server upload.

Result passport

Every run reports its tool mode, timestamp and input/output size so transformed data can be audited.