Free tool · 100% browser-side

Clean, lean SVG code - straight from Figma to production.

Figma, Illustrator and Sketch ship SVGs full of editor metadata, hidden layers and noisy attributes. Paste your SVG, hit clean, and get React-ready markup that loads instantly.

PrivacyNo server upload

OutputMinified · Pretty · JSX

BatchUp to 20 files

// 01 - drop or paste your SVG

Drag & drop .svg files here

or - or just paste SVG markup below

// or paste raw SVG markup

Output style

Number precision 2

Cleanup rules

Strip comments Remove editor metadata Strip IDs Collapse empty groups Remove width/height (keep viewBox) Force fill="currentColor"

// why it matters

Editor-exported SVGs are 50-80% bloat.

Smaller bundles, faster paint

An icon-heavy React app can shed hundreds of KB by removing Figma's data-name, sodipodi: and inkscape: garbage.

Drop-in React (JSX) output

One click converts attributes to camelCase - stroke-width becomes strokeWidth - ready to paste into a component.

Private by default

All cleaning runs in your browser via the DOM parser. Your SVGs never leave your machine.

// need more than a tool?

We build sites that feel instant - by default.

Clean SVGs are one piece. Bundle size, hydration, fonts and images all matter. That's what KadoshDev gets right.

Book a strategy call →