Favicon Generator
Upload one image to get a full favicon set: multi-size PNGs, a favicon.ico and a web manifest. Your image never leaves your device — everything is rendered in the browser.
How favicons work
A favicon is the small icon a browser shows in the tab, bookmarks and history. Modern sites ship several files: a favicon.ico for legacy requests, PNG icons at 16 and 32 px for tabs, an apple-touch-icon (180 px) for iOS home screens, and 192/512 px icons named in a web manifest for Android. This page makes all of them from one source image, so the shapes and colours stay consistent. Once you have the images, compress any heavy originals with the image compressor, crop to a clean square with the image cropper, or scale with the image resizer. For print-ready photo output rather than site icons, the photo size guides and the photo print sheet are the right tools.
Frequently asked questions
Is my image uploaded to a server?
No. The whole conversion runs in your browser using a canvas. Your image never leaves your device, and nothing is stored between visits.
What sizes does it generate?
16, 32, 48, 180, 192 and 512 pixel PNGs. The 180 px file is the apple-touch-icon, and the 192/512 px files are the Android Chrome icons referenced by the manifest.
What is in the favicon.ico file?
It is a PNG-in-ICO container holding the 16 and 32 pixel versions. Modern browsers read the embedded PNGs directly.
What does the web manifest do?
The site.webmanifest file tells browsers and mobile devices which icons to use and how to display your site when installed to a home screen.
What image should I start from?
A square image works best. A PNG with transparency, or an SVG logo, gives the crispest result; very wide or tall images are centred or cropped to fit.
Which HTML do I need to add?
Paste the generated snippet into your page head: an apple-touch-icon link, two PNG icon links and a manifest link. Replace the hrefs with wherever you upload the files.
Related: trim and compress the source with the image compressor and the image cropper, scale it with the image resizer, and browse every browser-only tool on the all tools page.