Jump to content

macOS Circular App Icon Template

Recommended Posts

Hi everyone,

I know there are already a couple of macOS App Icon templates around here in the forums, but none of these were suitable for my needs. So I created my own from scratch in Affinity Designer and decided to share it here with you. It's complete with editable shapes, custom grid and guides.

As you may know, there are three basic app icon shapes in macOS: circular, square and tilted rectangle. This template is for the circular version and contains only the basic elements. This way, it's easy to bring in your own design. For example, I've created the layers in a way that the inner circle can be easily used as a clipping layer to make sure that when placing a file, it won't exceed the boundaries of the actual design area.

I used Apple's iBooks icon from Mojave as a reference and tried to match gradients, strokes and shadows. I did however change the icon size and guide positions by just a few pixels to strictly constrain to the 8x8 pixels grid Apple suggests in its design guidelines. Apple's own icons are often slightly off-grid; I decided to correct this at least for the basic shapes and sizes found in the template.

Speaking of grid, I made one with Affinity Designer's Grid and Axis Manager which is 64 pixels with 4x16 pixels subdivisions (not 8 pixels to not make it look too dense). Since Designer doesn't support circular and diagonal guides, I created these as actual curves and shapes in the document and put them in their own group (diagonals snapping is however enabled via the Intermediate angles feature).

For more information about the macOS icon grid, see here.

Any comments and suggestions are very welcome.



macOS Circle Icon.afdesign

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.