SVG Optimizer, Viewer & JSX Converter

Processed in your browser

Give your SVG a lighter footprint

Drop a .svg file or paste code below · Up to 512 KB · Processed on your device

Original—

Optimized—

Saved—

Source SVG

Upload an SVG, paste code, or load the sample.

Live preview

Canvas

Current color

Add an SVG to see its preview.

Drag to pan

100%

viewBox: —
width: —
height: —

Optimization

Remove XML instructions & doctypeRemove comments & editor metadataRemove empty attributes & containersCollapse unnecessary groupsMinify numbers & path dataResponsive SVG (preserve viewBox)Convert fill / stroke to currentColor

Decimal precision 31 smaller · 5 more precise

Export

React uses the modern JSX runtime. Vue includes v-pre to keep SVG text literal. Paste Data URIs into an img src or CSS url("…").

Using SVG Optimizer, Viewer & JSX Converter

Upload one SVG up to 512 KB, paste raw code, or load the sample. Choose cleanup options, precision from 1 to 5, responsive dimensions, and optional monochrome currentColor. SVG processing uses a local browser worker with a five-second deadline, 10,000-element and 64-level limits. Both previews and exports remove scripts, event handlers, animation, embedded or external resources, and unsupported CSS; original preview therefore uses a passive representation. Responsive conversion needs a viewBox or numeric/px dimensions. Titles and descriptions are preserved. Export SVG, modern React JSX/TSX, a literal Vue template, or UTF-8/Base64 Data URIs. React props spread onto the root SVG; use unique IDs when rendering repeated icons with gradients or masks. Review low-precision path changes and monochrome conversion visually. All input stays on your device.