Favicon Generator
Generate all favicon sizes and a ZIP package from one image.
Generate a full favicon set from a single square image: ICO, multiple PNG sizes, Apple Touch icon, Android icons, and a ready-to-paste HTML snippet — all packaged as one ZIP. Built entirely client-side using Canvas and JSZip.
How to use the Favicon Generator
- 1
Upload a square image
Best results come from a 512×512 or larger PNG with a transparent or solid-color background. Non-square images are letterboxed automatically.
- 2
Generate the package
Click Generate. The tool rasterizes your image into every standard favicon size on the spot.
- 3
Download the ZIP
The result is a single ZIP containing favicon.ico, multiple PNG sizes (16, 32, 48, 96, 192, 512), apple-touch-icon.png, and a ready-to-paste HTML snippet.
- 4
Paste the snippet into your <head>
Drop the included HTML lines into the <head> of your site and copy the icons into your public root. That's the whole install.
Features
- Single-input workflow: upload one image, get every size
- Produces ICO, multiple PNG sizes, apple-touch-icon, and Android icons
- Includes a manifest snippet for PWA support
- Includes a ready-to-paste HTML <link> snippet
- Output bundled as a single ZIP via JSZip
- Runs entirely in your browser — no upload
Common use cases
- Add a favicon to a new website or web app
- Refresh an old favicon set with all modern sizes
- Generate icons for a PWA from an existing logo
- Produce icons for a static site hosted on GitHub Pages or Netlify
Frequently asked questions
What size should my source image be?
Use a square image at least 512×512 pixels. PNG with transparency works best. Avoid input smaller than 256×256 because downscaling looks better than upscaling.
Why are there so many favicon sizes?
Different platforms ask for different sizes: 16×16 and 32×32 for browser tabs, 180×180 for iOS home screens, 192×192 and 512×512 for Android and PWAs. Including them all is the safest path.
Do I need favicon.ico if I have PNG favicons?
Yes, for older browsers and for the default /favicon.ico fallback that any client may request. The generated ZIP includes both.