Guides › macOS App Icon Guidelines: Rounded Squares and the Human Interface Guidelines
macOS App Icon Guidelines: Rounded Squares and the Human Interface Guidelines
macOS icons follow a distinct visual language from iOS — here's what Apple's guidelines actually ask for.
It's tempting to assume a macOS app icon is just a bigger version of the same app's iOS icon, but Apple's Human Interface Guidelines treat the two as distinct visual languages, and macOS icons that are simply resized iOS icons tend to look noticeably out of place next to Apple's own system apps.
A rounded square, not a full square
Where iOS renders an icon nearly edge-to-edge inside its rounded corners, macOS icons traditionally sit within a rounded-square shape that itself occupies only part of the full canvas, with visible padding around it — closer to the visual weight of a real-world app icon sitting on a desk than a screen filled corner to corner. Icons designed without that padding tend to look oversized and heavy in the Dock compared to icons designed with it in mind from the start.
Depth and consistent lighting
Apple's macOS icon guidance has historically encouraged a subtle sense of depth and dimensionality — soft shadows, gentle highlights, a consistent implied light source — rather than the flatter, more graphic style common in mobile and web iconography. This has shifted over successive macOS design refreshes, so it's worth checking Apple's current Human Interface Guidelines for the specific visual style in effect at the time you're designing, rather than assuming an older screenshot or reference icon is still current.
One iconset, many sizes
Structurally, macOS follows the same iconset-plus-Contents.json pattern as iOS, just with its own required sizes — from 16×16 up through 1024×1024 — to cover everything from a small file-list icon to the Dock and Launchpad.
Ready to generate your icons? Open FLogo Generator.