Favicon Generator

The free favicon generator, ICO editor & ICO converter — all in your browser.

Free online favicon generator — convert PNG, JPG, WebP or SVG to ICO, or open and edit an existing .ico file. Generate every favicon size, adjust the background, padding and corners, then download the multi-size .ico plus ready-to-paste HTML. Runs entirely in your browser — nothing is uploaded.

The interactive favicon generator needs JavaScript enabled. With JavaScript on, you can drop in an image or .ico file, generate every favicon size, edit it, and download a multi-size .ico — all without uploading anything.

What is an ICO file?

An ICO file (.ico) is the image format Windows and web browsers use for icons and favicons — the small icon shown in a browser tab, bookmark, or next to a Windows shortcut. Unlike a PNG or JPG, a single .ico is a container that can hold the same icon at several resolutions at once.

When a browser needs a favicon, it reads the .ico and picks the best favicon size — 16×16 in a tab, 32×32 on a high-DPI display, 48×48 in some Windows contexts. Bundling those sizes into one file is exactly what this favicon generator does for you.

How to edit an ICO file online

Use this ICO editor to open and tweak an existing favicon without installing a desktop icon editor:

Drop your .ico file onto the tool above (or click to browse). It decodes every embedded size instantly.
Use the controls to add a background fill, padding, or rounded corners, and to flip or rotate the icon.
Tick the sizes you want in the output — 16, 32, 48, 64, 128, 256.
Click Download .ico to get a fresh multi-size favicon. Nothing is uploaded — the edit happens on your device.

How to convert PNG to ICO

To convert a PNG to ICO with this ICO converter (the same steps work for JPG, WebP and SVG): drop the image into the generator, optionally square it up with padding or a background fill, then select the sizes and download. For the sharpest favicon, start from a square, high-resolution source — 256×256 or larger, or an SVG, which the generator rasterizes crisply at every size.

A transparent PNG or SVG keeps its transparency in the .ico. Add a solid background fill only if you want the icon to sit on a colored tile.

What favicon sizes do you need?

A complete, modern favicon set covers browser tabs, iOS home screens and Android/PWA installs. This generator exports all of it:

File	Sizes	Used for
favicon.ico	16, 32, 48	Browser tabs, bookmarks, Windows
apple-touch-icon.png	180	iOS / iPadOS home screen
icon-192.png	192	Android / web app manifest
icon-512.png	512	PWA splash & install

The Favicon package PNGs buttons in the export panel produce the apple-touch and PWA images, and the HTML block gives you the matching <link> tags.

ICO vs PNG vs SVG favicons

Modern browsers accept PNG and SVG favicons too, so why still use .ico? Because it is the most universally supported format and the only one that packs multiple sizes into a single file that older browsers and Windows understand.

ICO — best compatibility; serve it as /favicon.ico and every browser finds it, even without a <link> tag.
PNG — great for the specific 32px and apple-touch / PWA icons; needs explicit <link> tags.
SVG — crisp at any size and supports dark-mode tricks, but not supported by Safari for favicons or by legacy browsers. Use it alongside an .ico, not instead of one.

The pragmatic answer: ship a multi-size .ico as the baseline (this tool builds it) and add PNG/SVG links on top.

Add your favicon to your HTML

Put the exported files in your site root and add these tags to the <head> of every page (the export panel above has a one-click copy button):

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Browsers also request /favicon.ico automatically, so dropping the .ico in your web root covers the basics even without any tags.

Frequently asked questions

Is this favicon generator free?

Yes. The favicon generator is completely free with no signup, no watermarks, and no limits on how many icons you create. It runs entirely in your browser, so you can use it as often as you like.

Is my image uploaded to a server?

No. Everything happens locally in your browser using the HTML canvas and JavaScript. Your image is never uploaded, stored, or sent anywhere — which makes it safe for logos and brand assets and means it keeps working even offline once the page has loaded.

Can I convert a PNG, JPG or SVG to ICO?

Yes. Drop in a PNG, JPG, WebP or SVG and the generator renders it into a multi-size .ico file. SVGs are rasterized crisply at each icon size, which makes them an ideal source for a favicon. You can then download the .ico and the matching PNGs.

Can I convert ICO to PNG?

Yes. Open an .ico file in the tool and it decodes every embedded size — export any of them as an individual PNG, plus the apple-touch and PWA PNG sizes from the export panel. Handy when you only have a favicon.ico and need a plain PNG for a design tool or app store listing.

What sizes can an ICO file contain?

An .ico file is a container that can hold several images at different resolutions. For a favicon the common sizes are 16×16, 32×32 and 48×48; this generator also lets you add 64, 128 and 256px layers. Browsers and Windows automatically pick the best-fitting size from the file.

How do I edit an existing favicon or .ico file?

Open the .ico file in this ICO editor. It decodes every embedded size and shows you the largest as the working image. Adjust the background, padding, corners, rotation or flip, then re-export a fresh multi-size .ico. It's the quickest way to tweak an existing favicon without installing a desktop icon editor.

What favicon sizes do I actually need in 2026?

A modern favicon set is: a multi-size favicon.ico with 16, 32 and 48px for legacy and Windows; a 180×180 apple-touch-icon.png for iOS home screens; and 192×192 and 512×512 PNGs referenced from a web app manifest for Android and PWAs. This generator exports all of these plus the HTML link tags.

Does the favicon generator work offline?

Yes. Because all processing is done client-side with the canvas API, once the page has loaded you can convert and edit icons without a network connection. Nothing about your image leaves your device.