Vector & SVG tools

Strip the bloat out of SVGs your design tool exported, and generate every favicon size a site needs. Vector work is fiddly enough without uploading your logo to somebody else's server, so these run locally in your browser.

Processed on your device — never uploaded

Which vector tool do you need?

A grid of names does not help much when two of them sound alike. Find the row that matches what you are actually trying to do.

An SVG that is far bigger than it should be
SVG optimizer — Strips editor metadata and excess coordinate precision without changing how the file draws.
A favicon set for a website
Favicon generator — Produces every size browsers and devices ask for, plus the HTML to paste into your head.

What makes an exported SVG so large

An SVG exported from Illustrator, Figma or Sketch is usually several times the size it needs to be, and almost none of that weight is the artwork. Design tools write out editor metadata, layer names, hidden objects, unused definitions, and coordinates carried to a dozen decimal places. A path point of 12.000000001 draws identically to 12 and costs eleven extra characters, repeated across every point in the file. Stripping that routinely halves an icon and can take far more off a complex illustration — with pixel-identical output, because nothing that affects rendering has been touched.

Why a favicon is not one file any more

A favicon used to be a single ICO in the site root. It is now a small set: an SVG for browsers that accept one and render it crisply at any size, PNGs at several fixed sizes for those that do not, a 180px apple-touch-icon for iOS home screens, and a manifest entry with a maskable icon for Android, where the system crops your artwork to whatever shape the launcher uses. Missing the maskable version is the common mistake — Android will crop a normal icon to a circle and take the corners off your logo.

Where SVG beats a raster file, and where it does not

SVG describes shapes rather than pixels, so it stays sharp at any size and usually weighs less than a PNG of the same logo. That makes it right for logos, icons, diagrams and charts. It is the wrong format for photographs: a photo has no shapes to describe, and any attempt to express one as vectors produces a file both larger and worse-looking than the JPG it came from. If the source is a photograph, it belongs in the image tools, not here.

Questions

Will optimising change how my SVG looks?

It should not. The optimiser removes information that does not affect rendering and rounds coordinates to a precision far finer than any display can resolve. If something does shift, it is nearly always because the file relied on editor-specific metadata that no renderer honoured anyway — compare before and after, which the tool shows side by side.

Is an SVG safe to put on my site?

An SVG is a document, and it can contain scripts. That is a real consideration for files uploaded by other people, less so for your own artwork from a design tool. Optimising strips script and event-handler attributes as part of the cleanup, which is a useful side effect rather than a security guarantee.

What size should my favicon source be?

Supply a square image at 512px or larger, or an SVG. Everything else is generated down from it. Keep the design simple: whatever you provide has to stay legible at 16px in a browser tab, where fine detail and small text disappear entirely.

Your files never leave your device. Every tool on this page runs in your browser using WebAssembly, so your files are never uploaded, never stored, and never seen by us.