Icon design for developers who can't draw.

Your icon is the one asset that appears everywhere — search results, the home screen, notifications, the settings list — and it's the one most indie developers make last, at 11pm, the night before submission. Here's the good news: the best app icons are not illustrations. They're one idea, reduced until it can't be reduced further. That's not a drawing problem. It's a reduction problem, and reduction is something developers are already good at.

Pick one noun

Every strong icon is one concept. Not a scene, not a composition, not your feature list — one thing. Ask: what is the noun of my app? A budgeting app is an envelope or a coin. A sleep app is a moon. A messaging app is a plane, a bubble, a wave. The icons you can recall right now from your own home screen are almost all a single shape: an aperture, a paper plane, a play triangle, a ghost.

The classic mistake is addition: a calendar plus a checkmark plus a little AI sparkle. Each element halves the size of every other element, and at the size where install decisions happen — roughly a fingernail — three concepts render as none. The concept also doesn't need to be clever. "A hexagonal aperture" is not a clever idea; it only needs to be readable and ownable in your category.

Design the silhouette, not the details

Here's the test working designers actually use: fill every shape in your icon with a single flat color, so only the outline survives. If the result is still recognizable, you have an icon. If it collapses into a rounded square of mush, you have a picture — and pictures die at small sizes.

This is also why you don't need to draw. Strong silhouettes come from geometry, not sketching: circles, triangles, hexagons, and boolean operations between them. Every design tool — Figma, Sketch, even Inkscape — will give you perfect geometric primitives for free. Snap them to a grid, cut one shape out of another, and you're producing cleaner marks than freehand ever would. Work small, too: design at 48 pixels zoomed in rather than at 1024 zoomed out, so every decision is made at the scale where it will be judged.

Make one color decision

An icon has exactly two color jobs: the field (the background) and the mark (the glyph). Pick one saturated, ownable hue for one of them and keep the other near-neutral. Before you commit, do five minutes of competitive research: search your main keyword on the store and look at the top ten icons in a row. Whatever color dominates that row, don't use it. The icon that breaks the row's palette is the one that gets seen — being the only warm gold in a column of blue is worth more than any amount of rendering polish.

Check contrast in both worlds. Your icon sits on near-white in the store and on dark, busy wallpapers on the home screen; a mid-gray field dies in both. The platforms now force the issue: iOS 18 added dark and tinted icon variants, and Android 13 themes icons with the system palette using a monochrome layer — so your mark has to work as a pure single-color stencil anyway. If the silhouette test above passed, this comes free.

The spec, so review doesn't bounce you

Apple wants a single 1024×1024 master: square, opaque, no pre-rounded corners. iOS applies its squircle mask automatically — if you bake rounded corners in, the mask rounds your rounding and ships a shrunken tile inside a tile. Current Xcode asset catalogs take the one master and let you attach the dark and tinted variants alongside it.

Google Play's store listing icon is a 512×512 PNG, and Play applies its own corner radius and shadow dynamically — same rule, deliver full-bleed square art. On the device itself, Android wants an adaptive icon: separate background and foreground layers on a 108dp canvas, with everything that matters inside the 66dp-diameter safe-zone circle, because each manufacturer masks the canvas into its own shape — circle, squircle, rounded square. Put your mark near the edge and some launcher somewhere will amputate it. Add the monochrome layer while you're in there and Android 13 theming is done.

Test it where it lives

Nobody will ever see your icon at 1024 pixels on a design canvas. Four tests, ten minutes total, run before you submit:

The lineup test. Screenshot real search results for your target keyword and drop your icon into the row at matching size. This is the exact context of the install decision. Does yours read first, or disappear?

The arm's-length test. Put the icon on an actual phone home screen — one busy wallpaper, one dark — and look at it from where a phone actually sits. If you have to bring the phone closer to parse it, simplify.

The grayscale test. Desaturate it. If it still reads, your hierarchy is carried by shape and contrast, not by color — which is exactly what themed and tinted modes will demand.

The stranger test. Show it to one person for two seconds and ask what the app does. "Something with money" is a pass. "A blue... thing?" is a redesign.

What to leave out

Words — Apple's own guidelines warn against text in icons, and at icon sizes a word is decoration pretending to be information. Photographs. A miniature screenshot of your UI. Thin strokes, which vanish below 60 pixels. And more than one concept, which is the first rule again, because it's the one everybody breaks.

The icon earns the tap — the screenshots close it

A strong icon wins you exactly one thing: the tap into your listing. What converts that visit into an install is the screenshot carousel it lands on — and that's the part ShotCanvas handles: drop in raw screens, pick one of 26 templates or let AI compose the set and write the headlines, and export pixel-exact PNGs for every App Store and Google Play slot. The free tier covers your first sets, no credit card.