Favicon Sizes 2026: Complete Spec for Every Device
A favicon is no longer one 16×16 ICO file. Modern browsers, iOS, Android, and Windows tile pickers each want different sizes and formats. Here is the complete set you actually need in 2026.
The browser favicon used to be one 16×16 ICO file in the site root. Modern reality: browsers want PNG, iOS wants a 180×180 apple-touch icon, Android wants 192×192 and 512×512 for the home screen, Windows tile pickers want a separate manifest, and the modern "scalable favicon" recommendation is an SVG.
Skipping any of these does not break your site. It just leaves an ugly fallback in the contexts that needed the missing asset. A blurry stretched icon on someone's home screen. A blank rectangle on a Windows tile. A generic globe in a browser tab.
The complete 2026 set
| File | Size | Format | Used by |
|---|---|---|---|
favicon.ico |
32×32 (multi-resolution) | ICO | Legacy browsers, fallback |
favicon.svg |
scalable | SVG | Modern browsers, dark-mode tabs |
favicon-96x96.png |
96×96 | PNG | Older Android |
apple-touch-icon.png |
180×180 | PNG | iOS home screen |
web-app-manifest-192x192.png |
192×192 | PNG | Android home screen (manifest) |
web-app-manifest-512x512.png |
512×512 | PNG | Android splash screen (manifest) |
site.webmanifest |
n/a | JSON | PWA manifest pointing to the above |
SVG favicon, dark mode
A single SVG favicon scales to every browser tab size without losing crispness. It also supports prefers-color-scheme via CSS inside the SVG, so the favicon can swap colour between light and dark browser themes. Useful for monochrome logos that would otherwise disappear against a dark tab bar.
Where to put them
Site root for the legacy files (favicon.ico, favicon.svg). Anywhere accessible by URL for the rest. Reference each in <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
What about the old 16×16?
Modern browsers downscale a 32×32 favicon to 16×16 cleanly. A dedicated 16×16 is no longer required and adds maintenance overhead. The 32×32 inside the multi-resolution ICO covers the legacy case.
Generate the complete set
Use the favicon generator. Upload a single source image (1024×1024 PNG is ideal), and the tool produces the full set above as a zip: ICO, SVG (if your source is SVG), all PNG sizes, and a ready-to-paste manifest. Everything runs in your browser; the source image is not uploaded.
If your source needs to be square before generation, use the image cropper first to crop to a 1:1 aspect ratio.
Try Favicon Generator, free in your browser
No uploads, no account. Your images never leave your device.
Open Favicon Generator