Designing an app icon that still reads at 29 pixels
App icons are judged at home screen and notification sizes, not at 1024px. How to test an icon small, what detail to cut, and the shapes that survive the crowd.
Icons are designed at 1024 pixels, where every gradient and highlight looks good. They are used at 60 pixels on the home screen, 29 in settings and 20 in notifications, surrounded by other icons competing for the same glance. A design that only works large does not work.
Test at real size, early
Export every candidate at 60 and 29 pixels and look at them without zooming, on a dark background and a light one. If you cannot tell what it is at 29, neither can anyone else. Doing this before choosing saves polishing a design that will never read.
What survives
- One clear silhouette. A shape recognisable in solid black.
- Strong contrast between mark and background. Mid-tone on mid-tone disappears.
- Thick strokes. Hairlines vanish below 60 pixels.
- Few colours. Two or three, not a gradient of seven.
- A face, if there is a character. Eyes survive small sizes surprisingly well, which is why mascots work.
What dies
- Text, other than a single bold letter.
- Fine texture, noise and small highlights.
- Multiple objects in one icon.
- Thin outlines around the whole shape.
Compare in context
Put the candidate in a row of real app icons at home-screen size. Many icons look fine alone and vanish in a grid because they share the common blue gradient. Distinctiveness at small size is the whole job. Style choice matters here too; app icon styles compares how each style holds up.
App Icon Foundry builds this test into choosing: its contact sheet shows every candidate at full size and at 60px and 29px on dark, before you pick, because if it does not read at 29px it does not work as an app icon.
Questions
What is the smallest size an app icon appears at?
On iOS, settings and notification icons are drawn at 29 and 20 points. On the web, favicons appear at 16 CSS pixels. These small sizes are where most icons fail.
How do I test an icon at small sizes?
Export it at 60 and 29 pixels and view it at actual size, not zoomed, on both a light and a dark background, next to other real icons.
Should an app icon include the app's name?
Usually not. The name appears under the icon on every home screen, and text inside the icon becomes unreadable at small sizes. A single letter can work if it is bold and simple.