Convert SVG to ICO
Drop your SVG logo and download a favicon with every size drawn from the vector.
Drop an image here
or
PNG, JPG, WEBP, HEIC, AVIF, JXL, GIF, BMP, TIFF and SVG · up to 20 MB
Why starting from the vector gives the best favicon
If you have your logo as an SVG, this is the best possible route to a favicon, and it isn't a matter of convenience but of how the pixels get made.
Converting from a PNG, every resolution in the ICO comes from shrinking a large image. Downscaling spreads detail across neighbouring pixels, and at 16 × 16 — where each pixel is an enormous share of the drawing — that shows up as washed edges and shapes losing their definition.
Converting from an SVG, each size is drawn from scratch out of the vector's instructions. The 16 pixels are computed to be 16 pixels; they aren't a summary of 256. The difference lands exactly at the size where it matters most.
You still need a design made for small sizes
Starting from the vector improves the execution, not the design. A logotype with a name, gradients, or half-millimetre lines will still be illegible at 16 pixels no matter how well it's rasterised. The rules don't change:
- The symbol alone, or the initial, not the full brand composition.
- High contrast: the icon will sit on both light and dark tabs.
- No text, unless it's a single letter.
- Chunky shapes: what's a hairline at full size disappears at 16 pixels.
Any decent brand manual already includes a reduced version of the logo made for this. If you have one, that's the SVG you want to convert.
Where the file goes
Upload it as favicon.ico at the root of your domain. Browsers ask for it there
out of habit even when you don't declare it, and declaring it costs nothing:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/logo.svg" type="image/svg+xml">
That second line is a bonus you can afford precisely because you have the vector: modern browsers will use the SVG and older ones fall back to the ICO.
Common questions
- Is it better than converting from a PNG?
- Yes, for one specific reason: each resolution in the ICO is drawn from the vector rather than obtained by shrinking a large image. At 16 pixels that difference is visible, because downscaling spreads detail across neighbouring pixels and blurs it.
- Which sizes are included?
- By default 16, 32, 48 and 256 pixels, all inside the same file. 16 and 32 are the browser tab, 48 is shortcuts, and 256 covers Windows Explorer and high-density screens.
- What if my logo has text in it?
- Convert it to outlines in your editor before exporting the SVG, or the typeface may not appear. And beyond that: at 16 pixels text isn't readable anyway. For a favicon use the symbol or the initial, not the full logotype.
- Is transparency preserved?
- Yes. ICO supports an alpha channel, so anything unfilled in the SVG stays transparent and the icon looks right on both light and dark tabs.
- Does my SVG need to be square?
- It should be. ICO entries are always square; if the vector isn't, it gets centred and padded with transparency. A horizontal logo will come out with a lot of empty space above and below and look small in the tab.