Favicon Generator
One image in — favicon.ico plus a full icon set out, all in your browser
1. Choose an image
2. Generate
Turn one logo or image into every favicon your site needs — a multi-size favicon.ico (16·32·48), Apple touch icon (180px), PWA icons (192·512px), a site.webmanifest, and a ready-to-paste HTML snippet. Everything runs in your browser.
What you can do
- ✓Multi-size favicon.ico
- ✓Apple touch & PWA icon PNGs
- ✓site.webmanifest + HTML snippet
- ✓One-click ZIP download
How to use
- 1Upload a roughly square image
- 2Press Make favicons
- 3Download the ZIP and paste the snippet into <head>
Supported formats · PNG · JPG · SVG → ICO · PNG
Generate a complete favicon set from one logo: favicon.ico (16, 32, and 48 px in one file), the Apple touch icon (180 px), PWA icons (192 and 512 px), a site.webmanifest, and an HTML snippet to paste into your head, all in one ZIP. Everything runs inside your browser.
How to use it
- 1Drop or select a logo (PNG, JPG, or SVG). Closer to square is better.
- 2Click Generate; every size is created and previewed.
- 3Download the ZIP, upload the files to your site root, and paste the included HTML snippet into your head.
When it comes in handy
Putting your logo in the browser tab of a new blog, company site, or landing page, plus the icon shown when someone adds the site to an iPhone home screen and the icon for an installable web app (PWA), all in one go.
Drawing every size by hand and packing an .ico is tedious; this does it all.
Choosing a good source
A simple shape that stays recognisable at 16 px works best. Logos with lots of text turn to mush at that size, so crop to the symbol. A transparent PNG or SVG looks clean on iOS, which rounds the corners.
A source of 512 px or more keeps every size sharp; enlarging a small source looks blurry.
Installing it
Upload the ZIP contents to your site root (for example /favicon.ico and /apple-touch-icon.png) and paste the link tags from the snippet into your HTML head. The site.webmanifest has fields for the app name and colours; open it and fill them in.
If the old icon still shows afterwards, it's the browser cache. Check in a private window or add a version to the file name.
Frequently asked questions
Are files uploaded to a server?+
No. Processing happens inside your browser and images never leave your device.
What's in the ZIP?+
favicon.ico (16/32/48), apple-touch-icon (180), PWA icons (192/512), site.webmanifest, and an HTML snippet.
How do I install it?+
Upload the files to your site root and paste the HTML snippet into your head.
Can I use an SVG?+
Yes. PNG, JPG, and SVG are accepted; transparent PNG or SVG gives the cleanest result.
The old icon still shows.+
That's the browser cache. Check in a private window or version the file name.
Related tools