Favicon Generator
Generate a complete favicon set (PNG + ICO + manifest) from a single source image. Drop your logo, pick safe sizes, download the ZIP.
Runs in your browser — nothing uploaded
Drop a logo. Get back a complete favicon set — every common PNG size, a multi-resolution ICO, an Android/PWA manifest, and the exact HTML to paste into your <head>. Faster than the popular online generators and your image never leaves the browser.
Private by design — your data never leaves your device
How to use it
No account, no upload — it all happens on your device.
1
Drop a square PNG, JPG, WebP, or SVG into the dropzone. At least 512×512 for the sharpest 512-px Android icon.
2
The tool generates 10 PNG sizes plus a multi-resolution favicon.ico instantly.
3
Click 'Download ZIP' to grab everything (PNGs, ICO, manifest, README) or save files individually.
4
Drop the files into your site's root and paste the provided <link> tags into <head>.
What you get in the ZIP
Drop these into your site root, paste the <link> block into <head>.
| File | Used by | Purpose |
|---|---|---|
| favicon.ico | Old browsers, RSS readers, default /favicon.ico fallback | Multi-size ICO containing 16/32/48 px |
| favicon-16x16.png | Browser tab in some chromes | Smallest tab favicon |
| favicon-32x32.png | Browser tab in most chromes | Common high-DPI tab size |
| favicon-48x48.png | Windows taskbar shortcuts | Pin-to-taskbar size |
| apple-touch-icon.png | iOS Safari add-to-home-screen | 180×180 rounded automatically by iOS |
| android-chrome-192x192.png | Android Chrome PWA icon | Required by web app manifest |
| android-chrome-512x512.png | Android Chrome splash & store | Required by web app manifest |
| site.webmanifest | Browsers loading a PWA | Tells the OS your app's name and icons |
Source image tips
- Square.The generator center-crops to a square if your source isn't one. Easiest to start with a square logo.
- At least 512×512. Anything smaller and the 512-px Android icon will look soft. SVG is ideal — the tool rasterizes it at every target resolution.
- High-contrast. A 16×16 favicon is tiny. Thin lines and gradients disappear; bold shapes and one or two strong colors read.
- Transparent background if you want the icon to sit on any tab/desktop background cleanly. The generator preserves alpha for PNG output.
The HTML to paste
The README inside the ZIP includes the exact <link> block. The short version: link to /favicon.ico with type="image/x-icon", then a couple of PNG sizes for tab icons, then /apple-touch-icon.png for iOS, then /site.webmanifest for Android/PWA.
Common pitfalls
- Caching. Browsers cache favicons aggressively — sometimes forever. After updating, hard- reload (Cmd+Shift+R or Ctrl+F5), or rename the file (e.g.
favicon-v2.ico) and update the<link>to force a refresh. - Apple touch icon corners. iOS used to round the icon corners automatically. Newer iOS versions respect whatever you provide. Use a square design and let the OS decide.
- Theme color in the manifest. Pick a color that contrasts with both light and dark OS chrome. The generator uses
#ffffffas a placeholder — edit it before shipping.
Frequently asked
What sizes do I actually need?
For modern sites you can ship a single 32×32 PNG and be done, but the polite set is: favicon.ico (containing 16/32/48 px), 16×16 and 32×32 PNGs (browser tabs), 180×180 apple-touch-icon (iOS home-screen), and 192/512 Android Chrome icons (PWA). This generator outputs all of them plus a manifest in one ZIP.
Why does ICO still matter in 2026?
Older browsers and some embeds (RSS readers, internal tools, certain link unfurlers) still ask for /favicon.ico by default and prefer it over PNG. Shipping both means you never have to debug a missing icon. The .ico file in this pack contains three sizes (16, 32, 48) bundled together so browsers pick the sharpest one.
Are my images uploaded?
No. All resizing, ICO assembly, and ZIP packaging happens in your browser. Your logo never leaves the device — close the tab and the work is gone.