DollarWise

Favicon Size Reference Chart: Every Platform (2026)

October 21, 2026 · 3 min read · By the DollarWise team
Favicon Size Reference Chart: Every Platform (2026)
On this page

That tiny icon in the browser tab does outsized work: it’s your brand in bookmarks, history, home screens, and search results. But every platform wants a different size — 16 pixels here, 512 there, an SVG for Safari, a manifest for Android — and guessing leads to blurry tabs and broken home-screen icons. This reference chart lists every favicon size that matters in 2026, organized by platform, with the exact file names browsers expect. It also gives you the five-file minimal set that covers 99% of cases and a copy-paste HTML snippet. Web designers, developers, and site owners can go from a single 512px master to a complete favicon package in minutes.

What’s inside this chart

The full chart covers eleven entries across every platform: the classic multi-size ICO for desktop browsers, modern PNG and SVG variants, Apple’s 180px touch icon, Android’s manifest icons including the maskable adaptive version, Windows tiles, Safari’s monochrome pinned-tab SVG, and the social preview images every site needs alongside its favicon. Each entry lists the platform, file name, exact pixel size, and a practical note. Below the chart you’ll find the recommended minimal set, the HTML snippet to wire it all up, and design tips for icons that stay legible at 16 pixels.

The size chart

Platform File Size(s)
Browsers (classic) favicon.ico 16x16, 32x32, 48x48 in one ICO
Browsers (modern PNG) favicon-32x32.png, favicon-16x16.png 32x32, 16x16
Apple iOS / iPadOS apple-touch-icon.png 180x180
Android Chrome android-chrome-192x192.png 192x192
Android Chrome (splash) android-chrome-512x512.png 512x512
Maskable (Android adaptive) maskable-icon-512x512.png 512x512 (artwork in central 80%)
Windows tiles mstile-150x150.png 150x150
Safari pinned tab safari-pinned-tab.svg SVG, single color
Modern browsers favicon.svg SVG, any size
Social share (OG) og-image.png 1200x630
X/Twitter card twitter-image.png 1200x600

The 99%-coverage minimal set: favicon.ico (multi-size), favicon.svg, apple-touch-icon.png (180x180), android-chrome-192x192.png + android-chrome-512x512.png, and og-image.png (1200x630). The free download below has the full chart, the HTML snippet, and the design tips.

How to use this chart

  1. Design one master icon at 512x512 or larger — everything else is generated by downscaling, never upscaling.
  2. Export the five minimal-set files first; add the rest only if your audience needs them (Windows tiles, pinned tabs).
  3. Simplify the artwork ruthlessly: bold shapes and one or two colors, because fine detail vanishes at 16x16.
  4. Paste the HTML snippet into your site’s <head> and reference the manifest for Android icons.
  5. Test at real sizes: open a browser tab (16px), bookmark the page, and add it to a phone home screen before calling it done.

The single most common failure is designing a detailed logo and shrinking it — at 16 pixels it becomes a smudge. If your tab icon is a blur, design a simplified small-size version rather than fighting the downscale.

Advertisement

Frequently asked questions

What is the standard favicon size? The classic standard is a multi-size favicon.ico containing 16x16, 32x32, and 48x48 pixel versions. Modern browsers also accept a scalable favicon.svg, which stays sharp at any size.

What size should the Apple touch icon be? 180x180 pixels, saved as apple-touch-icon.png. iOS uses it when someone adds your site to their home screen. No gloss or rounded corners needed — iOS applies those itself.

Do I really need all these favicon sizes? No. Five files cover 99% of cases: favicon.ico (multi-size), favicon.svg, apple-touch-icon.png (180x180), the two Android Chrome PNGs (192 and 512), and an og-image.png for social previews.

Download the chart

#favicon#web-design#reference
Advertisement
Written by the DollarWise team

We turn confusing money topics into plain-English guides for beginners. Every article is written to be actionable on day one — no jargon, no hype, no sales pitch.

Keep reading