Free tool · nothing is uploaded
SVG Optimizer
Shrink SVG icons and logos from Illustrator, Figma or Inkscape, often by half or more.
Your SVG
Optimised SVG
CSS data URI
Every kilobyte counts.
Get your whole website loading faster.
Optimised icons are one step. I speed up entire sites: images, code, fonts, caching and hosting, for top Core Web Vitals scores.
Frequently asked questions
What does the SVG optimizer remove?
Comments, editor data from Illustrator, Inkscape, Figma and Sketch, metadata, unused IDs, default attributes, empty groups and extra spaces. It also rounds long decimal numbers, which is usually the biggest saving.
Will my SVG look different?
Not at the default precision of 2 decimals. Compare the before and after previews; if fine details move, raise the precision.
Is it safe to upload SVGs here?
Nothing is uploaded: the file is processed in your browser. Scripts and event handlers inside the SVG are removed from the output, and the previews are shown as images so no code inside them can run.
Should I remove width and height?
Usually yes for websites: with only a viewBox, the SVG scales to whatever size your CSS gives it. Keep them if the SVG must have a fixed size without CSS, for example in some email templates.
More design tools
Color Palette & Contrast Checker
Build colour palettes from one colour or a photo, and check text contrast against WCAG.
Social Share Image Maker
Design 1200×630 share images for Facebook, LinkedIn and X, plus Instagram sizes.
Image Cropper
Crop, rotate and flip images to any shape, with presets for social media.
CSS Gradient Generator
Create linear, radial and conic gradients visually and copy the CSS.
Blob & Shape Generator
Make organic blobs, stars, rounded polygons and flowers. Download SVG or PNG, or copy the CSS.
Section Divider Generator
Create wave, curve, slant and zigzag dividers between website sections, with copy-ready code.
CSS Clip-path Generator
Cut images and boxes into any shape by dragging points, with presets and copy-ready CSS.
Box Shadow Generator
Design soft, layered, glow and neumorphism shadows and copy the CSS.
CSS Button Generator
Design buttons with colours, gradients, borders and hover effects. Copy the HTML and CSS.
Favicon from Text or Emoji
Make a favicon from your initials or an emoji, with ICO, SVG and PNG files.
Logo Badge & Seal Maker
Design round, shield, hexagon and seal badges with your text. Download PNG or SVG.