All Guides

How to Create a favicon.ico Online for Free

A favicon.ico is the small icon browsers show in a tab, bookmark, or history list. It's actually a container that bundles a few different pixel sizes into one file. Favicon Generator builds a real one from almost any image, directly in your browser.

  1. 1Open the Favicon Generator tool.
  2. 2Choose an image or drop it in: PNG, JPG, WEBP, GIF, SVG, and HEIC all work.
  3. 3Check the 16×16, 32×32, and 48×48 previews to make sure the icon still reads clearly at small sizes.
  4. 4Click "Download favicon.ico" and drop the file in your site's root folder.
  5. 5If you also need larger app icon sizes (Apple touch icon, Android/PWA), click "Download Extra Sizes (.zip)" for 180, 192, and 512px PNGs.
Open Favicon Generator

Frequently asked questions

Why is my image square-cropped or padded in the result?

Favicons are square. If your source image isn't, it's scaled to fit inside the square and centered, rather than stretched or cropped, so the whole image stays visible.

Is a .ico file different from a .png icon?

Yes. A .ico file can bundle several resolutions (16, 32, 48px, and more) in a single file, and some older software and parts of the browser chrome still look specifically for favicon.ico. A single .png only covers one size, which is why browsers increasingly also support PNG favicons declared via a link tag, but .ico remains the most broadly compatible default.

Can I use an SVG logo as the source?

Yes, SVG files are supported directly. They're rendered at each target size before being packed into the .ico and PNG outputs, since .ico and the common icon sizes are raster formats.

Is my image uploaded anywhere?

No. Every step, decoding the image, rendering each size, and packing the .ico file, happens locally in your browser. Nothing about your image is sent to a server.