Logo design for mobile apps
App icons are their own discipline
Your app icon isn't just your logo shrunk down. It's a specific design challenge with specific requirements.
The constraints
SizeApp icons display at various sizes: 1024px for the store, down to 29px on the home screen. Your design must work at all scales.
ShapeApple rounds corners automatically. Android varies by launcher. Your design needs to work within these constraints.
CompetitionYour icon sits alongside hundreds of others on a user's phone. You have milliseconds to be recognised.
What works
Simplicity above allForget detail. At 50px, only shapes and colours register.
Distinctive silhouetteCover your icon with your hand, then reveal it slowly. How quickly can you identify it? That's your test.
Limited coloursTwo colours maximum. The home screen is already visually noisy.
Avoid textYour app name appears below the icon. Text in the icon itself becomes illegible.
Common mistakes
1. Putting the full logo in the icon
2. Too much detail that turns to mush
3. Following icon trends that date quickly
4. Using gradients that clash with OS aesthetics
Logo vs app icon
You might need both:
- A full logo for marketing, website, splash screens
- A simplified app icon for the actual icon
These should be related but don't have to be identical.
Platform guidelines
Apple: Human Interface Guidelines specify requirements Google: Material Design provides icon guidanceBoth have technical requirements your designer should know.
The forgettability test
Close your eyes. Picture Spotify's icon. Instagram's. Netflix's. Now picture your icon. Is it that memorable? If not, simplify further.