Guides › A Brief History of the App Icon: From Skeuomorphism to Flat Design
A Brief History of the App Icon: From Skeuomorphism to Flat Design
How app icons went from photorealistic leather and glass to flat shapes and back toward subtle depth again.
App icons have gone through a few distinct visual eras since smartphones put a grid of them on every home screen, and each era says something about the design priorities and screen technology of its time.
Skeuomorphism: icons that imitated real objects
Early smartphone icons leaned heavily on skeuomorphism — designing digital objects to closely resemble their physical counterparts, complete with stitched leather textures, glossy glass reflections, and realistic drop shadows. A notes app icon looked like a paper notepad; a calculator icon looked like a physical calculator. This style made an unfamiliar interaction model — tapping a glass rectangle — feel more approachable by grounding it in familiar physical objects.
The shift to flat design
As touchscreens became familiar and screen resolutions climbed, the industry broadly moved away from photorealistic textures toward flat design — solid colors, simple geometric shapes, and minimal or no drop shadows. Flat icons scale down far more gracefully than heavily textured ones (fine leather-grain detail simply disappears at small sizes), and they render more consistently across the wider range of screen densities that had emerged by that point.
A return to subtle depth
More recently, design languages have swung back partway toward depth — soft shadows, gentle gradients, and layered elements — without fully returning to the photorealistic textures of the skeuomorphic era. Android's adaptive icons and macOS's current icon guidelines both reflect this: flat enough to stay legible at small sizes, but with just enough shadow and dimensionality to avoid feeling completely flat.
What stayed constant
Across every era, the icons that aged best share the same underlying trait: a simple, high-contrast silhouette that stays recognizable regardless of the surface treatment applied on top of it. Trends in texture and depth have come and gone; a strong, simple shape has been the one constant through all of them.
Ready to generate your icons? Open FLogo Generator.