Favicon Generator
Turn any image into a complete favicon set.
Runs in your browser — your files never leave your device.
Save this tool
Keep Favicon Generator handy
Use your browser's Share menu, then “Add to Home Screen”.
Working…
Your image wasn't square, so the largest centred square was used. Icons are always square — stretching would make it unreadable at 16 pixels.
Paste this into your <head>
About this tool
A favicon used to be one small file and is now a small collection, because browsers, iOS home screens and Android launchers all want different sizes. This generator produces the set that actually matters rather than the historical pile of twenty files: a multi-resolution favicon.ico containing 16, 32 and 48 pixel versions for browser chrome and bookmarks, standalone PNGs at 16 and 32 for modern browsers, a 180 pixel Apple touch icon, and 192 and 512 pixel icons for Android and progressive web apps. It also gives you the HTML to paste into your head and the manifest entries for the Android sizes, since knowing which files to generate is only half the problem. Non-square images are cropped to a centred square rather than squashed, because a stretched logo at 16 pixels is unreadable. Everything is generated in your browser, so your logo is never uploaded.
How to use it
- Drop in a square image, ideally 512×512 or larger
- Download the icons, or the individual sizes you need
- Paste the HTML snippet into your page head
Frequently asked questions
What size should my source image be?
At least 512×512, and square. Everything is scaled down from your original, so starting small produces soft icons at the larger sizes. A vector logo exported at 1024×1024 gives the cleanest results.
Do I still need favicon.ico?
Yes, though less than before. Browsers request /favicon.ico by default even without a link tag, and it is still what appears in some bookmark and history views. The .ico here contains three resolutions so browsers can pick the sharpest.
Why is my non-square logo cropped?
Because every favicon slot is square, and stretching a wide logo to fit makes it unreadable at 16 pixels. The largest centred square is used. If that crops something important, prepare a square version of your mark first — most brands have one for exactly this reason.
Why does my favicon not update after I upload it?
Browsers cache favicons aggressively, often beyond a normal refresh. Try a hard reload, open the icon URL directly, or check in a private window. It is nearly always caching rather than a broken file.
Should I use an SVG favicon instead?
SVG favicons are well supported and scale perfectly, so they are a good primary choice if you have clean vector artwork. You still want a .ico and an Apple touch icon as fallbacks, which is what this set provides.