How to Convert ICO to SVG
Turn an ICO icon into a real vector SVG: extract the largest image, trace or redraw it, clean the paths, and check that the file holds no hidden bitmap.
Contents
To convert an ICO file to SVG, take the largest image stored in the ICO and rebuild it as vector shapes. You can trace it automatically or redraw it by hand, then export the shapes as SVG. Renaming the file or re-saving it does not do this. ICO is a raster format, made of a fixed grid of pixels. SVG is a vector format, made of mathematically defined paths that stay sharp at any size. Moving from one to the other means reconstructing the artwork, not just changing its container.
What ICO and SVG actually contain
An ICO file is an icon container, originally designed for Windows. It can hold several bitmap images of the same icon at different pixel sizes. The standard format allows at most 256 × 256 pixels per image, so even the largest version is small by logo standards. An SVG file is XML text describing shapes: paths, circles, rectangles and text, plus their fills and strokes. Two terms come up throughout this guide. Tracing is software that estimates vector paths from the edges and colors in a bitmap. Redrawing is a designer building new paths by hand, with the bitmap used as a visual reference.
Three ways to get an SVG from an ICO
| Method | What the SVG contains | When it fits |
| Embedding the bitmap | The original pixels wrapped in SVG code, with no editable shapes | Only when a system demands an .svg file and the image will never be scaled up or edited |
| Automatic tracing | Vector paths estimated from the pixels, often with uneven curves and extra points | Simple, high-contrast marks with few flat colors |
| Manual redraw | Clean paths drawn over the bitmap as a guide | Logos intended for print, signage, large screens or a brand master file |
Before converting anything, check whether a vector original already exists. Icons are usually exported from a larger master file, so the brand owner, the original designer or a brand guidelines package may already have an SVG, AI, EPS or PDF version. That source will be more accurate than any reconstruction. Also confirm that you are allowed to modify and reuse the logo. Having the file, in any format, does not grant that permission.
Step by step: from ICO to a usable vector logo
1. Extract the largest image from the ICO
Use the biggest image in the file, because it has the most detail to work from. GIMP opens an ICO with each stored size as a separate layer, so you can keep the largest layer and export it as PNG. On the command line, ImageMagick can list the images inside the file and extract one of them:
magick identify favicon.ico
magick "favicon.ico[2]" logo-source.png
The first command prints one line per stored image, along with its pixel dimensions. Numbering starts at 0. Replace the number in brackets with the index of the largest image.
2. Prepare the bitmap
- Crop the image to the mark itself and remove unused padding.
- Note whether the background is transparent, so the tracer doesn't turn the background into a shape.
- If the colors are known, reduce the image to the logo's actual palette. This stops tracing software from creating shapes for anti-aliased edge pixels.
- Upscaling the image may make tracing settings easier to work with, but it adds no real detail. Small features that were lost in the icon stay lost.
3. Trace or redraw the artwork
For automatic tracing, Inkscape provides Path > Trace Bitmap. Single-scan modes suit one-color marks, and multiple-scan modes handle several colors. Illustrator offers Image Trace, followed by Expand to turn the result into editable paths. Ideal settings depend on the specific image, and no single preset works for every icon. Start with the fewest colors that represent the logo, then compare the result against the original.
For a manual redraw, place the bitmap on a locked layer and build the shapes above it. Use the pen tool for curves and geometric primitives for circles, rectangles and straight edges. Aim for as few anchor points (also called nodes) as you need. Anchor points are where path segments meet, and Bézier handles are the control lines that set the curve between them. Fewer, well-placed points give smoother curves and a file that is easier to edit.
Lettering needs particular care. Text in a small icon rarely has enough pixels to trace accurately. If you can identify and license the typeface, set the text in that font and convert it to outlines, which turns the letters into fixed vector shapes that no longer depend on the font being installed. If you can't, redraw the letterforms by hand.
4. Clean up and export
- Delete the reference bitmap so it isn't saved into the SVG.
- Remove stray specks and merge overlapping shapes of the same color where that simplifies the file.
- Set fills to the exact brand color values, if they are documented.
- Fit the artboard or canvas to the artwork bounds so the SVG has no unwanted empty margin.
- Export a clean SVG, such as Plain SVG in Inkscape, instead of an editor-specific variant. Keep the layered working file separately as your master.
How to verify the result
A .svg extension does not prove the file is fully vector. Open the SVG in a text editor and look at what it contains. An embedded bitmap shows up as an image element holding encoded pixel data, while real vector artwork appears as path or shape elements:
<!-- Embedded bitmap: not true vector -->
<image width="256" height="256" href="data:image/png;base64,iVBORw0KGgo..."/>
<!-- Vector artwork -->
<path d="M12 4 C18 4 22 9 22 14 L12 24 Z" fill="#1A4D8F"/>
- The file contains no image elements or base64 data.
- Edges stay crisp when you zoom far in.
- Outline or wireframe view shows clean shapes, with no stray fragments or jagged runs of points.
- Curves look smooth and the number of points is modest for the shape.
- Colors match the original or the documented brand values.
- The background is transparent unless a background is part of the logo.
- The file renders correctly when opened in a web browser.
- Scaled down to icon size, it still reads like the original ICO.
Limits to keep in mind
Any SVG made from an ICO is an interpretation of a low-resolution image. It is not a recovered original. Fine details, exact curves and precise proportions that didn't survive at icon size can't be extracted from the pixels. They can only be estimated or redrawn. If the logo will serve as an official brand asset, have the rebuilt version checked against an authoritative reference before you deliver it.