SVGFlow
Open editor

SVG to ICO

Convert SVG to ICO in your browser. The vector is rendered at 16, 32 and 48 pixels and the renders are packed into one classic favicon.ico — each size drawn from the vector directly, not scaled down from one big bitmap.

Runs entirely in your browser — nothing is uploaded, no account needed.

Previewno file
Drop an SVG to convert
Or paste markup below · max 2 MB
Renders
Open an SVG to see each size.
Sizes in the .ico
Background

How it works

An .ico is not one image — it is a container that holds several sizes of the same image, and the browser or operating system picks whichever fits the context: 16 px for a tab, 32 px for a pinned tab or taskbar, 48 px for a desktop shortcut. This tool renders your SVG at each of those sizes on a canvas — every render drawn from the vector directly, not scaled down from one big bitmap — and packs the PNGs into the container format, all in the tab. The file never leaves your machine.

Rendering each size independently is the whole point of the format. A 16 px icon scaled down from a 256 px render turns to mush; a 16 px icon rendered at 16 px keeps its edges on the pixel grid. That is also why the previews above are shown at their true sizes — what you see is pixel-for-pixel what ships.

When you still need an .ico

Modern browsers accept an SVG favicon, and for them the best answer is the vector itself with a <link rel="icon" type="image/svg+xml">. But favicon.ico refuses to die: Safari ignores SVG favicons, older browsers and corporate webviews never learned them, RSS readers and bookmark managers request /favicon.ico by convention without reading your HTML at all, and Windows uses it for pinned sites and shortcuts. Shipping a real .ico at the site root alongside the SVG covers every one of those cases for a few kilobytes.

Just the file, or the full set?

This page produces exactly one artefact: favicon.ico. If you are setting up a site's icons from scratch you probably want the favicon generator instead — it produces the same .ico plus the 180 px apple-touch-icon, the 192 and 512 px PWA manifest icons, and the head markup that references them all. Come here when the rest of that set already exists and one .ico is the only thing missing — a legacy project, an intranet app, an emailed request from IT.

Notes

  • Each size is rasterised independently from the vector, so the 16 px render is as sharp as the 48 px one — the reason .ico holds multiple images at all.
  • Only need the one file? This is the tool. For the apple-touch-icon, manifest PNGs and the head markup too, use the favicon generator.
  • Browsers pick the closest size in the container — 16 for tabs, 32 for pinned tabs and taskbars, 48 for desktop shortcuts.

Related tools