Konvertr - The Complete Favicon Sizes Guide for 2026

Favicons Are More Than 16x16

The classic favicon.ico at 16x16 pixels still matters, but modern browsers and devices expect a whole set of icon sizes. If you only provide the tiny ICO file, your site will look blurry on high-DPI screens, in browser tabs, on home screens, and in app switchers.

The Sizes You Actually Need

Here's the complete list for 2026:

16x16 - Browser tabs (standard DPI)
32x32 - Browser tabs (Retina/high DPI), Windows taskbar
48x48 - Windows desktop shortcut
64x64 - Windows site icons
128x128 - Chrome Web Store, some high-DPI contexts
180x180 - Apple touch icon (iPhone, iPad)
192x192 - Android home screen, PWA icon
512x512 - Android splash screen, PWA install

The Apple Touch Icon

Apple devices use a specific 180x180 PNG called the apple-touch-icon. When someone adds your site to their iPhone home screen, this is the icon they see. No rounded corners needed in the file itself since iOS applies the rounding automatically.

Add it to your HTML like this:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Android and PWA Icons

Android uses a web app manifest (manifest.json or site.webmanifest) to find icons. You need at least 192x192 and 512x512 PNG files. The manifest points to them like this:

{
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

The ICO File

The classic favicon.ico is still important. It's the one file that works everywhere, including very old browsers. A good ICO file contains multiple sizes (16, 32, 48) bundled into one file. Place it at the root of your site as /favicon.ico and browsers will find it automatically.

The HTML Tags

Here's the complete set of link tags you should include in your HTML head:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Generate All Sizes Instantly

Instead of manually resizing your icon in an image editor, you can upload one high-resolution image to our Favicon Generator and get all the sizes at once, plus the ICO file and a ready-to-paste HTML snippet. It all runs in your browser.

The Complete Favicon Sizes Guide for 2026