SVG Optimizer
Reduce SVG file size and clean up markup with configurable SVGO settings. Upload an SVG or paste code, then optimize and download.
Why optimize SVGs?
Benefits
- Smaller assets → faster page loads.
- Cleaner markup for easier debugging and reuse.
- Optional settings for viewBox/dimensions and ID cleanup.
Common use cases
- Optimizing icons before shipping a website.
- Reducing inline SVG bloat in React/HTML templates.
- Generating Data URI strings for CSS background images.
Field guide
Multipass: Runs optimization multiple times for better results.
Remove viewBox: Remove the viewBox attribute (often keep this enabled off).
Remove width/height: Good for responsive SVGs.
Precision: Controls numeric rounding (lower = smaller output).
Optimize: Runs SVGO on your SVG input.
Download: Downloads the optimized SVG.
Copy Data URI: Generates a Data URI string for CSS/HTML embedding.
Preview & Settings
More optimization controls
Optimized SVG preview will appear here
Upload an SVG to populate the input or paste code below.