Is the Apple Touch Icon still 180×180? Yes
Every few years the question returns. iPhones gain larger displays, more pixels and new names for their screens, so surely the Apple touch icon must have outgrown 180×180 pixels by now. A 512×512 file feels safer, a generator offering a dozen Apple sizes feels more thorough, and an old tutorial insisting on 57, 76, 120, 152 and 167 pixel icons feels oddly authoritative.
The short answer has not changed: yes, 180×180 is still the Apple touch icon size to ship in 2026. What has changed is that the reasoning is worth understanding, because once you see why 180 is the number, the larger-file and longer-list advice stops sounding cautious and starts sounding like what it is — extra bytes and extra maintenance for no sharper result.
The short answer
- Ship one opaque PNG at exactly 180×180 pixels, normally named
apple-touch-icon.png. - Declare it in the
<head>of every page:<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> - Fill the whole square with your chosen background. Do not leave transparency, and do not round the corners yourself — iOS applies its own mask.
- Do not substitute an SVG, a JPEG or your 192×192/512×512 manifest icons. Safari wants this PNG for the home-screen shortcut.
That single file serves current iPhones and iPads. The rest of this article explains why, and where the honest exceptions lie.
Why 180? Points, not display pixels
The confusion starts with a unit most web developers rarely meet: the point. iOS lays out its interface in points, a logical unit independent of the physical screen. Each point is then rendered with a whole number of real pixels — the scale factor. At 2×, one point becomes 2×2 pixels; at 3×, it becomes 3×3.
On the home screen, an app or web shortcut icon is laid out at 60 points on iPhone. Multiply by the highest scale factor iOS uses for this purpose:
60 pt × 3 = 180 px
That is the entire origin of the number. 180×180 is not a legacy accident or a size Apple forgot to update; it is the exact pixel rendering of the icon slot at the highest density iOS requests. No current iPhone asks Safari for a larger touch icon, because no current iPhone renders home-screen icons at 4×. When a phone’s marketing highlights a higher-resolution panel, that resolution is spread across a physically larger, point-larger interface — the icon slot stays 60 points, and the scale factor stays at 3.
Some models even render their whole interface at 3× and then downsample slightly to fit the physical panel. That is another reason counting raw display pixels misleads: the asset iOS works with is still produced on the points-times-scale grid, and on that grid 180 is the top rung.
What about iPad?
iPad lays its home-screen icons out a little larger, but at a lower scale factor, which is why one 180×180 file still covers it:
| Device family | Icon layout size | Scale factor | Native pixels |
|---|---|---|---|
| iPhone | 60 pt | 3× | 180×180 |
| iPad (standard) | 76 pt | 2× | 152×152 |
| iPad Pro (large) | 83.5 pt | 2× | 167×167 |
Strictly speaking, your 180×180 file is native on iPhone and scaled down to 167 or 152 pixels on iPad. That distinction sounds important and is not: downscaling a clean PNG by that small a step is visually indistinguishable from a purpose-made file, which is why the single-icon approach won. If you are maximally particular, Safari does still honour multiple declared icons with different sizes values and picks an appropriate one, so a dedicated 167×167 iPad Pro icon is valid. It is also, for almost every site, effort spent where no visitor will ever perceive it. Our fuller Apple touch icon guide covers the surrounding setup; the size conclusion is the same.
A brief history of the longer lists
The famous lists were correct once. The original iPhone needed 57×57. Retina displays doubled that to 114×114, iPads added 72 and then 144, and the iPhone 6 era settled the phone size at 180 while iPads went through 76, 152 and 167 point-derived variants. Each entry corresponded to hardware people actually owned.
Two things ended the list. First, iOS became willing and good at scaling one generously sized icon down to whatever a device needs. Second, the top of the range stopped moving: once the iPhone slot reached 60 pt at 3×, later devices matched it rather than exceeding it. The old intermediate sizes now describe museum hardware. Keeping them is not dangerous — Safari will simply never request most of them — but every extra file is another export that can drift out of sync when the brand is refreshed.
What happens if you ship a larger icon anyway?
Nothing breaks, and nothing improves. Declare a 512×512 PNG as your touch icon and iOS will accept it and scale it down to the slot. You will not get a sharper home-screen icon, because the device never displays more than 180 pixels of it on iPhone; you will only send a heavier file, and you will have created a quiet inconsistency the next time someone updates the “real” touch icon and forgets the oversized one. The same applies to pointing the touch icon declaration at your 512×512 manifest icon: it will render, but the manifest icons have their own job on Android and Chromium, and conflating the two sets is how one platform ends up with artwork designed for the other platform’s mask.
Undersizing is the direction that actually hurts. A 120×120 or 152×152 file on a modern iPhone must be scaled up, and upscaling invents pixels. If your home-screen icon looks soft while your tab favicon looks crisp, an undersized touch icon inherited from an old template is a prime suspect.
The rules that matter more than the number
Most bad home-screen icons are not the wrong size. They fail on three other points, all covered in more depth in our note on how iOS scales the touch icon:
- Opacity. The exported PNG must have no transparent pixels. iOS does not preserve transparency in a home-screen icon; transparent areas are composited onto black, which is how a tasteful transparent logo becomes a black tile. Bake your background — white, black or a brand colour — into the file itself.
- A full square, masked by iOS. Submit the complete square and let iOS apply its continuous rounded-corner mask. Pre-rounded corners, circles and squircles drawn inside transparency fight that mask and make the icon look small and misaligned next to native apps.
- Artwork kept clear of the edges. Full-bleed applies to the background, not the mark. Keep letters, faces and fine detail centred with breathing room, especially near the corners the mask will curve through, and simplify: a symbol or monogram survives at home-screen size, a full logo lockup with a tagline does not.
Two related expectations are worth setting. There is no dark-mode variant mechanism for touch icons comparable to the media query inside an SVG favicon, so choose colours and contrast that hold up on any wallpaper and under the system’s home-screen treatments. And the touch icon is not your browser-tab favicon: desktop tabs use your SVG/PNG/ICO set, Android uses the manifest, and this file exists for Apple’s shortcut. They should share artwork, not be the same file stretched across jobs. The favicon sizes cheat sheet shows how the pieces fit together.
Declaring it properly
One line, in the shared <head> template so it appears on every page, not only the home page:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />If you declare nothing, Safari falls back to requesting /apple-touch-icon.png at the site root by convention — one more reason to use exactly that name and location — but the explicit declaration is better: it works when the file lives elsewhere, documents intent, and removes guesswork for tools. Whichever route you take, open the icon URL directly and confirm it returns the current PNG with a 200 status, not a 404, a login page or last year’s artwork served from a CDN cache.
Rather than resizing and checking by hand, you can generate the file as part of a complete package: EasyFaviconGenerator produces the opaque 180×180 touch icon alongside the SVG, PNG, ICO and manifest icons from one image, with an iOS preview so you can judge the mask and background before downloading — all in your browser, so an unreleased logo never leaves your machine.
Test it where it will live
On a real iPhone or iPad, open the production site in Safari, tap Share, then Add to Home Screen. Check the suggested name as well as the icon — shorten the page title or add <meta name="apple-mobile-web-app-title" content="Your Brand"> if it truncates badly — then look at the result on the home screen itself: opaque background, clean corners, recognisable at arm’s length beside native apps.
If a redesigned icon does not appear, suspect caching before design. Remove the shortcut, confirm the direct icon URL serves the new file, and add the shortcut again; for a stubborn stale copy, deploy the icon under a new filename and update the link. A first pass over the live site with the favicon checker will confirm the declaration and file are reachable before you start tapping.
Quick answers
Will 180×180 look blurry on the newest iPhones?
No. It is the exact pixel size iOS requests for the 60-point home-screen slot at 3×. Newer phones enlarge the interface in points rather than raising the scale factor, so the requirement has not moved.
Should I provide 152×152 and 167×167 for iPads as well?
You may — Safari honours multiple sizes — but you do not need to. The 180×180 icon scales down to those sizes cleanly, and one file is far easier to keep consistent across redesigns.
Can the touch icon be the same file as my 512×512 manifest icon?
Technically iOS will scale it down, but do not. The manifest icons are designed around Android’s maskable safe zone and Chromium’s install UI; the touch icon should be its own export designed for the iOS mask.
Why is my icon on a black background?
Because the PNG contains transparency and iOS composited it onto black. Re-export at 180×180 with an explicit background filling the entire square, then remove and re-add the home-screen shortcut.
Could the size change in future?
It would require iOS to adopt a 4× scale factor or a larger home-screen icon slot, neither of which current devices use. If that ever happens, the fix is a single new export — one more reason to keep one canonical file rather than a folder of sizes to regenerate.
The verdict
The Apple touch icon is 180×180 pixels, and in 2026 that is still true — not as a habit nobody has revisited, but because 60 points at a 3× scale factor is still how iOS draws home-screen icons, on the largest phones as much as the smallest. Ship one opaque, full-bleed, square 180×180 PNG, declare it on every page, keep your artwork clear of the mask, and test it on a real home screen. Spend the time you saved not maintaining eleven sizes on the thing visitors actually see: whether the icon is still recognisably yours at 60 points.