mchinen/app-icon-template

This is an App Icon Template and script for making iOS 7 and precomposed icons using Inkscape. Created by Kodira.

iOS 7 App Icon SVG Template for Inkscape

Originally downloaded from Kodira.

mchinen modifications: modify resize.sh to find mac path if you put inkscape in /Applications/Inkscape.app

Summary

There are a couple of IOS 7 App Icon Template for Photoshop available, but none for Inkscape. We here at Kodira are fond of Inkscape a great vector graphics editor to edit SVG files. So we created our own SVG App Icon Template for iPad and iPhone 7 Apps. It includes the new golden ratio grid. For easy export we wrote a small script to quickly render your App icon in all sizes you will need for iOS development. You can download the SVG template and the script here.

• Kodira

I have modified this to add an additional layer for true masking. The included mask layer is stricty for design. You are intended to turn off the mask before using the script which is great for iOS products, but not so great if you want to build precomposed icons. Instructions for using this below.

How to use

Download these files. There are two files:

• AppIconTemplate.svg
• resize.sh

Design Instructions

1. Open AppIconTemplate in Inkscape.
2. Design icon on Layer.
3. Color Background.
4. Hide GUIDES, MASK, and BORDER.
5. Save and run script.

If you want a precomposed icon with the rounded corners:

1. Follow same steps as above.
2. Before saving show FULL MASK to BG.
3. Select white mask and background.
4. Set Mask. (Should now look the same as when MASK is shown.)
5. Save and run scipt.

Script Instructions

You may need to edit the path to your Inkscape binary for this to work.

./resize.sh AppIconTemplate.svg