Favicon & ICO generator
Upload a square logo and get every favicon size a website needs: a proper multi-size .ico for browser tabs, plus the larger PNGs modern phones and installed web apps expect.
How to use the favicon & ico generator
- Choose a square image — ideally 512×512 or larger, so nothing needs to be scaled up.
- Press generate.
- Download the .ico and PNG files, then add the two link tags shown to your page's head.
How it works
A modern favicon.ico is not one image but a small container holding several sizes, so the browser can pick whichever fits its tab or bookmark bar most sharply — this generates the standard 16×16 and 32×32 pair inside one .ico file, which every browser still expects as a baseline.
Phones and installed web apps go further: iOS looks for a 180×180 apple-touch-icon, and Android and desktop PWA installs commonly use a 512×512 PNG in the web app manifest. Providing all four sizes covers a browser tab, a phone home screen, and an installed app icon from one source image.
Common questions
Why isn't one image enough for a favicon?
Different places show it at very different sizes — a 16-pixel browser tab and a 512-pixel home screen icon both need to look sharp, which a single fixed-size image can't do well at both ends.
What size logo should I start with?
512×512 or larger, and square. Scaling a small image up to fill a large icon slot just produces a blurry result.
Where do I put the generated files?
In the root of your website alongside your other pages, then link them from the head of your HTML using the tags shown after generating.