Favicon Sizes: The Dimensions That Matter in 2026

The short answer

You do not need dozens of files. In 2026 a compact set covers every browser, phone, and installable app. Here are the favicon sizes that carry their weight:

• 16x16, 32x32 and 48x48 - the three classic favicon sizes, bundled together inside a single multi-resolution favicon.ico.
• 32x32 (and 16x16) PNG - the modern PNG favicons most browsers prefer for crisp tab and high-DPI rendering.
• 180x180 - the Apple touch icon for iOS and iPadOS home screens.
• 192x192 and 512x512 - the Android and Progressive Web App icons declared in your web manifest.
• 512x512 maskable - the same 512 dimensions, redrawn with a safe zone so adaptive launchers can crop it.
• A 48px-multiple square (48, 96 or 144) - what Google prefers for the favicon it shows beside your search result.

You do not have to make these by hand. Drop one logo into the Logo2Favicon generator and it outputs every size below - correctly named and sharp - entirely in your browser, with nothing uploaded.

Favicon size reference table

The fastest way to read the full set. Sizes are in pixels; every file should be a perfect square.

Favicon sizes by format

A favicon is not one file in one format - each format does a specific job. ICO is the universal fallback, PNG covers crisp modern and app icons, and SVG is a scalable enhancement. WebP and JPG are not used for favicons. This is the format breakdown:

Wondering which to ship? The short version is "all three roles" - an ICO fallback, the PNG set, and optionally an SVG. The favicon.ico vs PNG vs SVG breakdown explains the trade-offs.

Favicon sizes by platform

The same dimensions, organised by where they show up. Use this as a quick lookup when a specific surface looks wrong:

Setting up a favicon on a specific stack? Each favicon by platform guide lists the exact sizes and menu paths for WordPress, Shopify, Next.js, and more.

Google's favicon size rule

Google shows a favicon next to your result on mobile search and in some desktop surfaces. Its guidance is specific: supply a favicon that is square and a multiple of 48px - for example 48x48, 96x96, or 144x144. Google downscales whatever you give it to the size it needs, so a 48px-multiple square (rather than a lone 16x16) gives it clean source pixels to work from. A 96x96 PNG is a sensible single file that satisfies this rule with room to spare. If your icon is missing from search entirely, work through why your favicon doesn't show in Google.

The edge cases: Windows tiles, Safari and the master

• Windows tiles use a 150x150 (with optional 70x70 and 310x310) PNG referenced from a browserconfig.xml. Most sites can skip this safely; add it only if you target pinned Start tiles.
• Safari pinned tabs use a single-color, full-sizemask-icon SVG. It is monochrome by design, so ship a simplified silhouette of your mark.
• Keep a 1024x1024 master. Every smaller size is downscaled from a clean original, so you can regenerate the whole set later without quality loss.

Recommendations

• Always ship favicon.ico at the root. Bundle 16, 32 and 48 inside it. Browsers request /favicon.ico automatically, so this is your guaranteed baseline.
• Add PNG favicons for sharpness. At minimum a 16 and a 32; a 48 or 96 helps Google and Windows.
• One 180x180 apple-touch-icon is enough. Opaque background, no pre-rounded corners.
• Use 192 and 512 for the manifest, plus a separate 512 marked maskable so adaptive launchers do not crop your logo.
• Keep a 1024x1024 master. Every smaller size is downscaled from a clean original, so you can regenerate later without quality loss.

Frequently asked questions

What size is a favicon?

A favicon is 16x16, 32x32 and 48x48 pixels bundled inside a single multi-resolution favicon.ico, plus a 32x32 PNG for crisp modern tabs. For phones and installable apps you also add a 180x180 apple-touch-icon and 192x192 and 512x512 PNGs. That compact set covers every browser and device in use today.

What is the standard favicon size?

The classic standard favicon size is 16x16, with 32x32 the de facto default on modern high-DPI screens. The standard favicon.ico bundles 16, 32 and 48 together so the browser can pick the sharpest one for each surface.

What favicon size does Google use in search results?

Google recommends a favicon that is a square and a multiple of 48px, such as 48x48, 96x96 or 144x144. Google downscales whatever you provide, but supplying at least a 48px-multiple square ensures it renders crisply next to your result.

Do I really need every favicon size?

No - you need a small set, not dozens of files. A favicon.ico (16/32/48), a 32x32 PNG, a 180x180 apple-touch-icon, and 192x192 plus 512x512 PNGs (one marked maskable) is enough for every browser, iOS, Android and PWA. A generator builds all of them from one logo in seconds.

Is one big favicon enough?

No. A single large PNG scaled by the browser down to 16x16 looks muddy and loses fine detail. Provide purpose-built 16 and 32 sizes (inside favicon.ico and as PNGs) so small tabs stay sharp.

What size is the apple-touch-icon?

180x180 pixels. One 180x180 PNG covers every current iPhone and iPad; iOS downscales it for older hardware. Use an opaque background and no pre-rounded corners - iOS applies its own rounded mask.

What size are PWA and Android icons?

192x192 and 512x512 PNGs, declared in your web manifest. Add a separate 512x512 marked purpose: maskable, with the logo inside the central safe zone, so Android's adaptive launchers can crop it into any shape without clipping.

Generate every size from one logo

Rather than export, rename, and check each size by hand, drop your logo into the generator on the homepage and download the complete, correctly named bundle - including a multi-resolution favicon.ico, every PNG size, the manifest, and copy-paste HTML - in seconds, all processed privately in your browser.

Want the exhaustive, all-platform list (Windows tiles, browserconfig, and every edge case)? See the full icon size cheatsheet. New to favicons entirely? Start with what a favicon is, read the complete favicon guide, learn how to add a favicon, or confirm the exact answer to what size a favicon is.