Favicon Sizes — The Complete Guide
Every favicon size you need for 2026, what each one is for, and the exact HTML to add to your site.
1 min readModern websites need more than a single favicon.ico. Browsers, iOS, Android, and PWAs each expect specific sizes. Use this reference to build a complete favicon set.
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16x16, 32x32, 48x48 | Legacy browser tabs, bookmarks, fallback |
| favicon-16x16.png | 16x16 | Standard browser tab icon |
| favicon-32x32.png | 32x32 | HiDPI browser tabs, Windows taskbar |
| apple-touch-icon.png | 180x180 | iOS home screen, iPad |
| favicon-192.png | 192x192 | Android home screen, PWA |
| favicon-512.png | 512x512 | PWA install screen, splash |
| favicon.svg | Scalable | Modern browsers, dark mode |
Which favicon sizes do I actually need?
For full coverage, generate every size above with the favicon generator and add the link tags below. For a minimal setup, favicon.ico + a 180x180 apple-touch-icon + a 32x32 PNG covers the vast majority of devices.
HTML to add to your '<head>'
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Frequently Asked Questions
What is the standard favicon size?+
The classic standard is 16x16 pixels for browser tabs, but modern favicons span from 16x16 up to 512x512 to cover HiDPI screens, iOS, Android, and PWAs.
What size is the Apple Touch Icon?+
180x180 pixels. iOS scales it down for different contexts, so 180x180 is the single size Apple recommends.
What sizes does Android / PWA need?+
192x192 and 512x512, declared inside your site.webmanifest. The 512x512 icon is used for the PWA install and splash screen.
Do I need an SVG favicon?+
It's optional but recommended. SVG scales perfectly and supports dark-mode variants. Provide a PNG fallback alongside it for older browsers.
Ready to put it into practice?
Fetch any favicon
Enter a URL and get every favicon the site exposes, plus one-line embed code.
Open toolGenerate from image
Upload a logo and download favicon.ico, apple-touch-icon, and PNG icons in one ZIP.
Open toolFrom text or emoji
Type a letter or pick an emoji, choose colors, and generate a full favicon package.
Open toolCheck a site's favicon
Test whether a website's favicon, apple-touch-icon, and manifest are correctly set up.
Open tool