Favicon Generator
Drop a square image and get every favicon size a website needs, including a real favicon.ico.
Processed on your device — nothing is sent anywhere.
How it works
- Drop an image on the area below or click it to pick a file. A square image works best; other shapes are center-cropped automatically.
- Check the preview row to see how the icon looks at each size, from the tiny 16 px tab icon up to the 512 px app icon.
- Press Download ZIP to save all PNG sizes, the favicon.ico file, and a ready-to-paste HTML snippet for your page head.
Frequently asked questions
- Which files are included in the download?
- The ZIP contains PNG icons at 16, 32, 48, 180, 192, and 512 pixels, named the way browsers and platforms expect: favicon PNGs, apple-touch-icon.png, and android-chrome icons. It also includes a favicon.ico that bundles the 16, 32, and 48 px versions, plus a text file with the link tags to paste into your HTML head.
- Is my image uploaded to a server?
- No. The cropping, resizing, and ICO packaging all happen locally in your browser using the canvas API. Your image never leaves your device, which is why the icons appear instantly.
- What kind of image should I start from?
- Use a square image of at least 512 by 512 pixels so the largest icon stays sharp. Simple, bold shapes with good contrast work best, because the icon must still be recognizable at 16 pixels. PNG with transparency is a good source format; the transparency is preserved in every generated icon.
- Do I still need a favicon.ico file, or are PNG icons enough?
- Modern browsers happily use PNG icons declared with link tags, but favicon.ico is still worth shipping. Some crawlers, older browsers, and tools request /favicon.ico directly without reading your HTML at all. Placing the generated ICO file at the root of your site covers those cases with no extra markup.
- How do I add the generated favicon to my website?
- Upload the files from the ZIP to your site — favicon.ico belongs in the root directory — and paste the provided link tags into the head section of your HTML. After deploying, force-refresh the page, because browsers cache favicons aggressively and may show the old icon for a while.
About this tool
This favicon generator turns one image into every icon file a modern website actually needs. Drop in a logo, avatar, or symbol and it produces PNG icons at 16, 32, 48, 180, 192, and 512 pixels, a multi-resolution favicon.ico, and a ready-to-paste HTML snippet — all bundled into a single ZIP. The sizes cover browser tabs, bookmarks, iOS home-screen icons, Android shortcuts, and the large icons referenced by a web app manifest.
Everything runs client-side. Your image is decoded in the browser, center-cropped to a square if needed, and resized to each target dimension with the canvas API. Even the ICO container — which packs the 16, 32, and 48 pixel versions into one file — is assembled in JavaScript on your device. Nothing is uploaded, no account is required, and the tool keeps working if you go offline after the page loads.
It is useful any time a site needs its icon set refreshed: launching a new project, rolling out a rebrand, preparing a progressive web app that needs 192 and 512 pixel manifest icons, or replacing a blurry legacy favicon with sharp assets. Because generation is instant, it also works well for quick iterations — tweak the source image, regenerate, and compare the preview row until the small sizes read clearly.
For the best result, start from a square image of at least 512 by 512 pixels with a simple, high-contrast design. Fine detail and thin lines disappear at 16 pixels, so judge the smallest preview before committing. Transparent PNG sources keep their transparency in every generated size, which looks cleaner in browser tabs — but check the icon against both light and dark tab bars, since a dark logo on a transparent background can vanish in dark mode.