Favicon generator
Upload your logo and generate every common favicon size in one go: 16, 32, 48, 64, 96, 128, 180 (Apple touch icon), 192 and 512 px. ZIP download includes the ready-to-paste HTML.
About this tool
In shortFavicon generator — every common size plus ICO container, locally in your browser.
The favicon is the small symbol that appears in every browser tab to the left of the page title — and probably the most underrated branding element on a website. It shows up in bookmark lists, history, tab switchers, sometimes in mobile speed-dials. Ignoring it signals "amateur"; doing it well builds recognition over time.
This tool generates every common favicon size from a single source image — locally in your browser, no upload.
Which sizes matter in 2026?The classic ICO format (multi-resolution container) traditionally bundles 16×16, 32×32 and 48×48. Modern browsers, however, prefer separate PNGs in multiple sizes referenced via HTML link tags: 16×16 (tab icon), 32×32 (standard browser icon), 48×48 (Windows site tile), 64×64 (high-DPI tab), 96×96 (Android Chrome default), 152×152 (iOS iPad touch), 167×167 (iOS iPad Pro), 180×180 (iOS iPhone touch, the key standard today), 192×192 (Android Chrome manifest), 512×512 (PWA manifest, splash screens).
Recommended HTML.The generator emits an HTML snippet referencing every size. It typically looks like "<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">", plus equivalents for every other size, plus a classic "<link rel="shortcut icon" href="/favicon.ico">" for maximum compatibility.
Design tips for favicon sources.First: square. If you have a long logo, extract a square symbol element (letter, icon, initial) instead of using the full wordmark. Second: high contrast. The 16×16 variant renders at tiny pixel counts; fine details vanish. Set a clear main subject with strong brightness contrast against the background. Third: simple. A single letter or geometric shape usually works better than a detailed illustration. Good examples: Facebook's blue "f", Google's black-and-white "G", HackerNews's orange pyramid.
The ICO container.".ico" is a Windows-specific container that bundles multiple sizes in one file. It was the standard for years, but has been overtaken since around 2018 by separate PNGs. The generator still produces a "favicon.ico" because some older browsers auto-load only the classic "/favicon.ico" path.
Adaptive icons for Android.If you need not only favicons but also native app icons for Android and iOS, use the PWA Generator instead — it combines favicon generation with full platform bundles.
Privacy.Local in your browser. No upload. Related: favicon guide, PWA app icon history.