How do I make a favicon (icon set) for a website?
Favicon generator online - the complete website icon set in one ZIP.
Drop a single image (ideally 512×512), and we generate every file you need: favicon.ico (3 layers), 7 PNGs at the sizes browsers actually consume (16, 32, 48, 150, 180, 192, 512), a manifest.webmanifest, and a ready-to-paste HTML snippet for <head>.
Runs locally - the image isn't uploaded.
After dropping into your hosting you get consistent icon rendering on every platform: Chrome, Safari, iPhone home screen, Android, Windows pinned tile.
How to use it
- Upload a square source image - ideally 512×512 px PNG with transparency. Logo, app icon, monogram.
- Type your site name - it lands in manifest.webmanifest as the PWA app title if a user adds your site to their home screen.
- Click "Generate set" - generator builds 8 PNG/ICO files + manifest + HTML snippet.
- Download the ZIP, unpack into /public folder of your server, paste the HTML snippet into <head>. Done - favicon works on every platform.
What you get in the bundle
What's inside the ZIP - the bundle contains:
- favicon.ico (3 layers) - Internet Explorer, fallback for older browsers, some RSS readers.
- favicon-16x16.png and favicon-32x32.png - modern browsers (Chrome, Firefox, Safari) pick whichever fits the DPI.
- apple-touch-icon.png (180×180) - iPhone and iPad. When a user adds your site to home screen, this becomes the app icon.
- android-chrome-192x192.png and 512×512 - Android Chrome - home screen and PWA splash.
- mstile-150x150.png - Windows 10/11 when a user pins your site to the Start menu.
- manifest.webmanifest - PWA-compatible manifest for "Add to Home Screen".
- site.html - ready-to-copy snippet for <head>.
Questions and answers
Ideally 512×512 px or larger, square, PNG with transparency. Larger gives the generator headroom for sharp downscaling all the way to 16 px. If you upload smaller (256×256), 192/512 PNGs will be blurry from upscaling.