Sketch — Freebie!

I've been looking for an automated, pre-sliced iOS icon template for myself to use with Sketch. I figured, since I can't find one myself, I decided to make one.

Download above!

Also, this is mainly for web homescreen icons, not full-on iOS app icons. (Yes, you know that thing where it says "Add to Homescreen"? Well as it turns out you can set yourself a custom icon for it instead of a ragged screenshot-turned-icon for your website!)

Here's how to implement this on your website:

link rel="apple-touch-icon-precomposed" href="YOUR-ICON.PNG"

you can also define sizes by going:

link rel="apple-touch-icon-precomposed" sizes="72x72" href="YOUR-ICON-iPAD.png"

or even

link rel="apple-touch-icon-precomposed" sizes="114x114" href="YOUR-ICON-RETINA-iPHONE.png"

Have fun y'all!

webkit_icon_template.zip
500 KB
Download
Posted on Nov 17, 2012

More by Carlos Melegrito

View profile