Turn one image into every icon size a website needs, complete with the web manifest and the HTML to paste into your head section. Preview how it looks in a browser tab and on a phone home screen.
Drop your logo or icon here
or click to browse · a square PNG of at least 512×512 works best
Browser tabs, bookmarks, Apple touch icons, Android home screen and PWA splash sizes, each exported with the filename the standard expects so you can upload and go.
A 16-pixel icon looks nothing like your logo at full size. The preview shows it in a browser tab and on a phone home screen so you can add padding or rounding before committing.
The package includes site.webmanifest with your app name and theme colour, plus the exact link tags to paste into the head of your pages.
Step by step
Drag in a square image. A PNG of 512 by 512 pixels or larger gives the sharpest result at every size.
Add padding if the logo touches the edges, apply corner rounding if you want a rounded square, and set a background if the source is transparent but you need a solid tile.
Look at the browser tab and phone home screen mockups. If the icon is unreadable at 16 pixels, simplify the source image rather than shrinking a detailed logo.
The defaults cover everything most sites need. Enable the extras only if you specifically support older devices.
The ZIP contains every icon, the manifest and a text file with the HTML. Upload the files to your site root and paste the code into your head section.
FAQ
At least 512 by 512 pixels, square, and ideally a PNG with a transparent background. Everything is scaled down from that single source, and scaling down preserves quality while scaling up does not.
Different platforms request different files. Browsers use 16 and 32 pixels in tabs and bookmarks, Apple devices request specific touch icon sizes for the home screen, and Android and progressive web apps want 192 and 512 pixel versions for launchers and splash screens.
Rarely. Modern browsers have supported PNG favicons for years, and every current browser reads the link tags in the package. The ICO format only matters if you must support Internet Explorer.
A web app manifest tells mobile browsers how your site should behave when added to a home screen: which name to display, which icons to use, and what colour to tint the interface. It is what turns a bookmark into something that looks like an app.
Browsers cache favicons far more aggressively than other assets. Clear the cache, or check in a private window. It can also take a day or two for the change to appear in bookmarks and history entries.
Usually not in the file itself. iOS applies its own rounding automatically, and adding your own can produce a double-rounded look. Rounding is useful mainly when you want a specific shape on Android or in browser tabs.
No. Every size is generated on your own device and the ZIP is assembled in the browser, so the image is never transmitted.
This favicon generator turns a single image into every icon size a website needs, correctly named and packaged. That means browser tab icons at 16 and 32 pixels, Apple touch icons for iPhone and iPad home screens, Android launcher icons at 192 and 512 pixels, and the intermediate sizes some platforms still request.
The part most generators skip is context. An icon that reads perfectly at 512 pixels can be an unrecognisable smudge at 16, which is the size people actually see most often. Here the preview places your icon in a mock browser tab and on a mock phone home screen, so you can add padding, adjust rounding or decide the logo is simply too detailed before you deploy it.
The download is a complete package rather than a folder of loose images. Alongside the PNG files it includes a web app manifest carrying your app name and theme colour, which controls how the site appears when someone adds it to their home screen, plus a text file containing the exact HTML link tags to paste into your head section.
A practical note on installation: upload everything to the root folder of your site, not a subdirectory, because several platforms look for these files at fixed paths. And when it does not appear to update, that is almost always caching. Favicons are cached far more aggressively than other assets, so check in a private window.
Everything is generated on your own device and nothing is uploaded. If your source image is not square yet, use the crop tool first, or the resizer to produce a clean 512 pixel version. The QR code generator is a useful companion when you are setting up a new site.