Jump to content
THESE FORUMS ARE READ-ONLY: Please Read Me ×

Recommended Posts

Posted

Hello, guys!

Just a quick post to share with you a template for designing iOS App icons. Icons come in different sizes and done with the last angle for corners set by Apple. The icons are symbols so you can see changes quickle on all of them.

image.png.74fe38370c718a768b1864707da5a3b6.png

Hope this be useful!

UPDATE: 

iOS 18

Wanted to share a new file, based on the Template provided by Apple. I just remade it using just vectors.

image.png.e51683b5737195dd3fc8eb77477db1b9.png

Features:

  • Each App Icon is a Symbol, for the Light, Dark and Tinted versions of the Icon.
  • The blue grids can be disabled in a single click:

image.png.e49a9d037d99a9211ed8f50a29c7f7a5.png

  • Also, each App Icon has the Rounded silouette as a mask

image.png.b7982674107938d6af639e112eb6a347.png

  • Finally, I created the corresponding Slices in the Export Persona for each icon:

image.png.c443d386444d3f7587e6034a9bdbea6f.png

 

macOS Sequoia

I also worked on the mac App icons (fully vector file):

image.png.2a8b8db8b8300285b418b549e3b6479f.png

Features:

  • Each App Icon is a Symbol, for the whole set
  • The blue grids can be disabled in a single click:

image.png.93c08e9e5aa91760ca73ccb07dcd84cf.png

  • Each App Icon has the Rounded silouette as a mask

image.png.8938076df635a99f6f3de49dc021cd09.png

  • Slices created to the size of the padding:

image.png.e8748abe621f59aa7152dd441207a369.png

By the way, I forgot to create this in V1 so it's only available for V2. Sorry for the inconveniences.

Best regards!

Template - iOS Icons - Share.afdesign

iOS-18-Production-Templates.afdesign

macOS-Sequoia-Production-Templates - App.afdesign

  • 6 months later...
  • 2 years later...
  • 4 years later...
Posted

New file added, for iOS 18.

(I heard the rummors of the iOS 19 change in style, but hope this is of use... :))

Best regards!

×
×
  • Create New...

Important Information

Terms of Use | 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.