Online favicon generator: upload one image and get the full 16/32/48/180/192/512 set, optional circle crop, HTML snippet included. Generated locally.
TL;DR: Generate the full favicon size set: 16-512px, circle crop, HTML snippet, local-only.
For local tools, open DevTools → Network and search your input — it should not appear in requests.
Next steps
Usage Guide
Sites need 16/32/180px favicons and more; manual scaling blurs or skews proportions. Upload a source image, generate common favicon sizes locally, optionally crop to a circle, and download — images never upload.
1. Generate a favicon pack
Prefer a ≥512px source; upscaling tiny art to 180px will look soft. Transparent PNG fits tabs and PWA icons best.
- Upload PNG/JPG/WebP (square or with safe margins works best).
- Toggle circular crop for avatar-style icons.
- Generate, preview each size, then download individually or in bulk.
2. Which sizes matter
- 16/32: browser tabs and bookmarks.
- 180: Apple touch icon.
- 192/512: common in PWA manifests.
- Wire link tags in HTML head and refresh manifest.json.
3. Common pitfalls
Next: compress outputs; pair with Open Graph preview for social share icons.
- Non-square sources are center-cropped — keep the mark in the middle.
- JPEG has no alpha; circular crop shows a white fringe.
- Browsers cache favicons hard — test in incognito or bust cache with a query string.
4. What browsers actually request in 2026
The minimum viable icon set has shrunk: browsers today primarily want a 180x180 apple-touch-icon and a 32x32 (or SVG) favicon; the ICO with sixteen embedded sizes is largely legacy. The SVG favicon with a media-query dark-mode variant is the modern touch — one file, theme-aware. Two failure modes account for most broken favicons: caching (browsers hold favicons aggressively; expect days of lag after a change, hard refresh does not always clear it) and serving from a path the CDN rewrites. Verify what your site actually serves with curl on /favicon.ico before debugging markup.
FAQ
Modern browsers accept PNG favicons — 16/32 PNGs cover nearly everything. Only very old browsers or some intranet systems need .ico (convert from the 32x32 PNG).
180 is apple-touch-icon (iOS home screen); 192/512 are PWA manifest icons (Android install). Generate the whole set at once.
Square, at least 512px, transparent background (PNG/WebP). Non-square images are center-cropped; turn on the circular-crop option when you need a round icon.
A source image with too much detail will always blur at 16px — this size calls for a dedicated simplified draft rather than force-shrinking the full logo. Also check how the icon holds up under both dark and light browser themes.
Usually the browser cache — favicon caching is famously stubborn, a classic pitfall when swapping icons. Verify with a cache clear or an incognito window. This tool only produces the icon files; browser cache behavior is out of its hands.
No. Every size is generated locally in the browser and packed for download — the source is never sent anywhere as upload material. The outputs and the master image simply sit in your own downloads folder, so keep them out of folders you share publicly.
Related Tools
Related Articles
TOTP Two-Factor Authentication Guide: otpauth URI, Algorithms, and Local Debugging
How RFC 6238 TOTP works: algorithms, digits, period, otpauth URIs, countdown windows, and debugging 2FA with a browser-local generator.
Mock Data Generator Complete Guide: Generate Test Data Fast
Generate reproducible test rows with field types, locale samples, and seeds. Export JSON, CSV, TSV, YAML, or SQL for frontend mocks and local DB seeding.
Online JWT Generator/Decoder: JSON Web Token Tool
Learn JWT (JSON Web Token) structure, how it works, and use cases. Mint and decode JWTs with a local browser tool, plus practical signing hygiene.