🎨SVG Minifier
Strip comments, extra whitespace, and editor metadata (Inkscape, Illustrator) from SVG files to shrink size. Useful for web icon optimization, React icon components, and load speed.
How to use
- 1Paste your SVG code.
- 2Click the optimize button.
- 3Copy and use it on the web.
FAQ
How small does it get?+
Usually 30–60% smaller. SVGs exported from Illustrator and Figma have lots of metadata, so they shrink more.
Does the design change?+
No. It's visually identical — only size and readability decrease. Paths and coordinates stay intact.
SVG vs PNG?+
Icons, logos, and illustrations belong in SVG (vector, infinite zoom). Photos work better as PNG or WebP.
Is this the same as SVGO?+
Similar feature set. SVGO has more options (plugins) and fits better in build automation.
Is path data compressed too?+
Basic minification focuses on whitespace and comments. Shortening d attribute paths is stronger in dedicated tools like SVGO.
How do I inline this in React?+
Paste the optimized SVG into JSX. You may need to switch style/class to React's camelCase form.