How to Make an App Icon for iOS: A Complete Guide for 2026
Your app icon is the first thing a person sees before they ever read your description, your reviews, or your feature list. On the App Store, it's the difference between a tap and a scroll-past. And in 2026, making one correctly means hitting a list of exact sizes, new adaptive formats, and platform requirements that change every fall.
Here's the complete, current guide to making an app icon for iOS — from the specs that haven't changed for years to the new iOS 18 requirements nobody warned you about.
The non-negotiable specs
Start with the master file: 1024x1024 pixels, no alpha channel (transparency), PNG or PSD. Apple has enforced the no-transparency rule for years — a transparent icon gets rejected. Design on a square canvas and keep the artwork centered with comfortable margins, because your icon gets displayed at sizes from 20px (settings) to 1024px (App Store).
The safe zone matters more than you think. Apple's template shows a grid with a rounded-corner overlay. Anything in the outer 10% can get clipped by the mask the system applies. Keep critical content — your logo, symbol, or lettering — inside the safe area.
The sizes you actually need
The App Store only wants the one 1024px file, but iOS needs a whole set for the home screen, settings, notifications, and Spotlight. In practice, you don't export these by hand anymore: Xcode's asset catalog, driven by an .appiconset folder, generates everything from your single 1024px master. You supply the master and the appiconset metadata; Xcode does the resizing.
If you're generating icons for multiple platforms, the list grows: iOS, iPadOS, macOS, watchOS, and Android adaptive icons each have their own size sets. A tool that exports all of them from one design saves an hour of fiddling every release.
New in iOS 18: tinted icons and dark mode
iOS 18 introduced two big changes to icon design:
- Dark and light icons. Users can now pick a dark home screen, and your icon gets a dark variant. If your icon has a colored background and dark content, it may disappear against a dark wallpaper. Design a light version and a dark version.
- Tinted icons. Users can switch to a "tinted" mode where the system recolors your icon using a single accent color. Your artwork is reduced to its shape — color information is stripped out. That means if your icon's meaning depends on its colors, it stops communicating in tinted mode. Icons with a bold, recognizable silhouette survive the tint; icons that are just colorful gradients don't.
The practical takeaway: design your icon so it works as a shape first, color second. If the outline is clear and the negative space reads well, every adaptive mode — light, dark, and tinted — will look fine.
Design principles that actually move installs
- One concept, immediately readable. If someone needs more than a second to parse your icon, it's too busy. Simple icons read better at 60px than clever ones.
- Contrast against any wallpaper. Test it on a dark and a light background. The App Store shows icons on both.
- No text (or almost none). Small text turns to mush at 60px. If you need words, keep them to a brand mark or a single bold letter.
- Test at small sizes. Shrink your icon to 60px and squint. If the key element survives, you're good.
Tools: from scratch, or with a studio
You have two paths. Design from scratch in Figma, Sketch, or Photoshop — full control, but you're responsible for every size set, the appiconset structure, and testing the tinted/dark previews yourself. Or use a dedicated app icon studio.
Iconis is the one I built for this exact problem: you design your icon with SF Symbols, SVG, mesh gradients, and lighting effects, and it exports everything — the Xcode .appiconset with all 21 sizes, the 1024px App Store PNG, Android adaptive icons, plus iOS 18 tinted and dark/light variants. It previews how your icon will actually look in tinted mode before you ship, which is the easiest way to catch the "colors carry my design" trap described above.
The checklist before you ship
- Master file is 1024x1024 PNG with no alpha channel.
- Critical content sits inside the safe zone.
- You have light, dark, and tinted variants — and each one still communicates.
- The appiconset contains all required sizes and the export passes validation.
- You've looked at it at 60px and it still reads.
Getting the icon right is one of the highest-ROI hours you'll spend on your app. Use the specs above to avoid the rejection traps, and use a tool that handles the size grind so you can focus on the part that matters — making it recognizable.