Convert
SVG to ICO Converter
Rasterize an SVG into a multi-size ICO file for a favicon or Windows icon. Conversion runs in your browser, so nothing is uploaded.
Your images never leave your device
How to use SVG to ICO
- Drop your SVG files on the page or pick them from your device.
- Wait while each file is converted to ICO on your device.
- If the result has too few sizes, raise the width and height in the SVG to at least 256.
- Download the ICO files one by one, or all together as a zip.
Frequently asked questions
Why does my ICO only contain small sizes?
The converter keeps only sizes no larger than the SVG's declared width and height. Raise those values on the svg tag to 256 or more, leave the viewBox alone, and convert again to get all six sizes.
Does the ICO keep my SVG's transparent background?
Yes. Transparent areas stay transparent, including soft edges, because the images inside the ICO are PNG.
Should I use the SVG itself as my favicon instead?
Current browsers accept an SVG favicon, which stays sharp on every screen. An ICO is still worth having for the default favicon.ico request, older browsers and Windows icons.
Why does the text in my icon use a different font?
Fonts that are not embedded in the SVG are not available when it is drawn in the browser, so a substitute is used. Convert text to outlines in your design tool before exporting.
Are my SVG files uploaded anywhere?
No. The conversion runs in your browser using WebAssembly, so your SVG files stay on your device. There is no signup, no watermark and no cost, and you can convert a whole batch and download it as a zip.
About SVG to ICO
SVG is the best master for a logo, since it stays sharp at any size, but a favicon.ico and Windows icons are raster files. Converting from SVG is the cleanest route to an ICO, because the shapes are drawn fresh rather than enlarged or shrunk from a PNG. The converter writes one .ico file containing PNG images at 16, 32, 48, 64, 128 and 256 pixels, and keeps a transparent background if your SVG has one.
Show moreShow less
The one thing to check is the size written in the SVG. An SVG is drawn at the width and height it declares, and the ICO only includes sizes no larger than that. An SVG marked 24 by 24 therefore gives just the 16-pixel icon, whereas one marked 256 by 256 or larger gives all six. Open the SVG in a text editor and set the width and height attributes on the opening svg tag to at least 256, keeping the viewBox as it is, and the full set of sizes follows.
The SVG is rasterized once at its declared size and the smaller icons are scaled down from that, so a generous declared size also gives the sharpest small icons. A non-square SVG is centered on a transparent square rather than stretched. Transparency is preserved. Browsers draw SVGs without loading external resources, so fonts and images linked from inside the file may not appear: embed them, or convert text to outlines in your design tool first. Fine details and thin strokes that look good at 256 pixels can vanish at 16, so consider a simplified version of the logo for tiny sizes.
SVG is not pixel-based at all: the file is a text description of shapes; ICO is a container for several sizes of the same icon, each stored here as a losslessly compressed PNG image. Both formats can store transparency, so transparent areas in the SVG file stay transparent. Compatibility: Windows uses it for program, shortcut and file icons, and every browser accepts it as a site icon. Image editors and upload forms rarely accept it as an ordinary picture.