Favicon Size Guide
Different browsers and devices request favicons at different sizes. This guide covers every dimension you need for complete coverage.
About Favicon size guide
Favicons are not a single file — they are a set of images at specific dimensions that different browsers and operating systems request depending on context.
Required favicon sizes: — 16×16 px: browser tab icon, smallest standard size — 32×32 px: browser tab on high-DPI displays, Windows taskbar — 48×48 px: Windows site pinning, IE10 compatibility — 64×64 px: Windows site tiles — 96×96 px: Google TV, high-DPI contexts — 180×180 px: Apple Touch Icon — iOS home screen shortcut — 192×192 px: Android home screen shortcut (via manifest.json) — 512×512 px: Progressive Web App splash screen, Google bookmark icon
For most websites, the essential set is: 16×16, 32×32, apple-touch-icon (180×180), and a 192×192 for Android. The .ico file should package 16×16, 32×32, and 48×48 internally.
ICO vs PNG sizing: The .ico format is a container that holds multiple PNG images at different resolutions inside a single file. Modern browsers extract the appropriate size automatically. PNG favicons are single-resolution files referenced individually via link tags with the sizes attribute.
SVG favicons use a single vector file for all resolutions. They are supported in Safari 14+ and Chrome 80+. An SVG favicon can also respond to dark mode using CSS media queries inside the SVG, making the icon adapt to the user's system preference.
Source image recommendation: create your favicon from a 512×512 or larger source PNG with a transparent background. The generator will downsample cleanly to all smaller sizes.