SVG Optimizer
Shrink SVG files and export them as React components, data URIs or Base64.
Runs on your machine. Nothing you paste is uploaded.
Get SVG Optimizer and 121 other tools. Free for 7 days, no account needed.
What it does
Paste or drop an SVG and it is optimized with SVGO as you type: editor metadata, comments, hidden layers and redundant groups are removed, numbers are rounded, and paths are shortened. A preview and the before and after sizes show what you saved.
Copy the result as SVG, as a React component that passes props through, as a URL-encoded data URI for CSS, or as Base64. You can choose how many decimals to keep, run several passes, and remove width and height so the graphic scales with its container. The preview never runs scripts inside the file.
When you would reach for it
- Shrink icons exported from Figma, Sketch or Illustrator before committing them.
- Turn an SVG into a React icon component that accepts className and size props.
- Inline a small SVG in CSS as a background-image data URI.
- Clean up an SVG before embedding it in an email or a README.
Also found by searching
- svg
- svgo
- optimize
- minify
- compress
- react
- jsx
- data uri
- icon