Favicon Generator
Drop a logo. Get a multi-size favicon.ico, PNGs, a web manifest, and a paste-ready HTML snippet. This favicon generator builds a full browser-and-device favicon pack right in your browser, so your logo never leaves your device and there is no upload, signup, or wait.
How to Generate a Favicon
- Drop your PNG. Press Select Image or drag the logo into the drop zone. The tool reads it locally on your device.
- Watch the live preview. Every selected size renders instantly. Unselect a size and it disappears from the preview and is no longer packed into the .ico.
- Hit Download. Choose favicon.ico for the multi-size icon or Full Pack (ZIP) for PNGs, manifest, and HTML snippet.
For best results, start with a square 256 x 256 PNG or larger. The logo is auto-scaled to each size with smooth resampling. Non-square inputs are centered and can be cropped to a square.
Live Preview
The preview panel shows every size you selected, rendered at its real scale as a crisp PNG. Pick a size and it appears; untick it and it drops out of both the preview and the downloaded .ico, so nothing stale is ever packed in.
Sizes in the .ico
Choose from 16, 20, 24, 32, 40, 48, 64, 96, 128, 180 and 256 pixels. The default set is the classic six: 16 x 16 for browser tabs, 32 x 32 for modern Chrome, Firefox and Edge tabs, 48 x 48 for Windows shortcuts, plus 64, 128 and 256 as high-fidelity fallbacks. Use the Recommended and All buttons to jump straight to the sensible set or everything at once.
Background and Cropping
Draw the icon on a transparent, white, black, or fully custom background. Transparent suits rounded and irregular logos, because the icon blends into whatever is behind it. Turn Crop image to square on to fill the canvas edge to edge instead of showing the background in the side margins.
Download Full Pack (ZIP)
The full pack bundles everything a modern site needs:
- favicon.ico - the multi-size icon (all selected sizes)
- favicon-16x16.png and favicon-32x32.png (plus a PNG for every selected size) - browser tab fallbacks
- apple-touch-icon-180x180.png - iOS home screen icon
- android-chrome-192x192.png and android-chrome-512x512.png - Android Chrome icons
- site.webmanifest - a PWA manifest with the icon references
- head-snippet.html - paste-ready link tags
- README.txt - what to do with each file
Drop the files at your site root, paste the snippet into your page head, and you have a clean modern favicon setup.
Your Image Never Leaves Your Browser
Open DevTools and watch the Network tab: there are zero uploads. The conversion runs locally through canvas and JavaScript, so your logo, your client artwork, and your private brand assets stay on your machine the whole time. No signup, no rate limit, no watermark.
FAQ
Is it free, and does Pi7-style processing upload anything?
It is free with no signup and no watermark. The conversion happens entirely in your browser and nothing is uploaded, stored, or shared.
Will the ICO work everywhere?
Yes. The ICO uses the PNG-embedded format, which works on every modern browser and on Windows Vista and newer.
What sizes are in the default favicon.ico?
16 x 16, 32 x 32, 48 x 48, 64 x 64, 128 x 128 and 256 x 256. Use the size chips to add or remove sizes, and the .ico is rebuilt automatically.
What is inside the full pack ZIP?
favicon.ico, a PNG for every selected size, apple-touch-icon-180x180.png, android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, head-snippet.html, and a README.