AI Icon Creator app icon templates
==================================

Free to use in personal and commercial projects. No attribution needed. Provided as is.

Each template comes as an SVG (a canvas with named layers: "artwork" and "guides") and a transparent PNG that
contains only the guides, for apps that cannot open SVG layers. Open the SVG in Figma, Sketch, Illustrator,
Affinity Designer or Inkscape, replace the grey placeholder in the "artwork" layer with your icon, hide or delete
the "guides" layer and export.

Files
-----
ios-ipados-macos-1024     1024 x 1024 px square. Export a square PNG with no rounded corners and no transparency.
android-adaptive-108dp    Layers of 108 x 108 dp (1080 px). Logo inside the 66 dp safe zone, at least 48 dp across.
google-play-512           512 x 512 px full square, 32-bit PNG. Google Play adds the 30% corners and the shadow.
apple-touch-icon-180      180 x 180 px opaque PNG for a website's Home Screen icon on iPhone and iPad.
web-maskable-512          512 x 512 px opaque PNG, safe zone is a circle with a diameter of 80% of the icon.
favicon-64-grid           64 unit canvas; one cell of the strong grid is one pixel when the icon is shown at 16 px.

What is official and what is ours
---------------------------------
Official: 1024 px square layers (Apple Human Interface Guidelines); 108 dp layers, 72 dp visible, 66 dp safe zone,
48 dp minimum logo (Android adaptive icon documentation); 512 px, 30% radius, 384 px keyline grid (Google Play icon
specification); 80% safe circle for maskable icons (web.dev and MDN).
Ours: the central 80% safe area, the 22.5% rounded preview and the circle preview on the iOS template, the example
masks on the Android template and the favicon pixel grid. Apple publishes no corner radius, so the rounded outline is a
preview of what the system mask does, not Apple's own shape. For Apple's own templates see
https://developer.apple.com/design/resources/ and for Google Play's see
https://developer.android.com/distribute/google-play/resources/icon-design-specifications

Guide colours: magenta = safe area or keyline, blue = rounded mask preview, orange = circle or example masks,
grey = centre lines.

More: https://aiiconcreator.com/blog/app-icon-template
