Why keep the viewBox?

Without a viewBox the SVG can't scale with CSS, so the optimiser always keeps it.

Is SVGO the same tool used in builds?

Yes. This runs SVGO, the optimiser used by most build tools, compiled to run in your browser.

// DESIGN TOOL

Shrink SVG files with SVGO without visible changes. Compare before and after, then copy the markup, a data URI or a React component.

// HOW IT WORKS

Built and maintained by Ruchira Sachinthana. Spotted a bug or want a feature? Tell me.

// FAQ

Something else? Ask on WhatsApp.

The default settings are safe for icons and illustrations. If something shifts, raise the precision or turn off path merging.

Generate a perceptually even 50–950 colour scale from one brand colour, in OKLCH, with Tailwind v4 @theme tokens, CSS variables and contrast checks.

Generate fluid font sizes and spacing with CSS clamp(). Set the minimum and maximum, preview across screen widths and build a full type scale.

Create every favicon and app icon you need from one image, emoji or letter: favicon.ico, Apple touch icon, PWA and maskable icons, manifest and HTML.

// CUSTOM TOOLS