Icon Slayer

Icon Slayer creates all the icon sizes you need for iOS and Android apps.

Load your artwork into Icon Slayer, choose your options, then export for a tidy collection "ready to go" into your development environment.

 

 

The following chart outlines the icon sizes and additional information about each kind of icon for Apple iOS and Android that Icon Slayer outputs.

 

iPhone-only Apps

The following information was derived from: http://developer.apple.com/library/ios/#qa/qa1686/_index.html

Size

File Name

Used For

Required Status

Notes

29x29

Icon-Small.png

Spotlight and Settings

Optional but recommended

 

50x50

Icon-Small-50.png

Spotlight

Recommended if you have a Settings bundle

 

57x57

Icon.png

App Store and Home screen

Required

 

58x58

Icon-Small@2x.png

Spotlight and Settings (Retina)

Recommended if you have a Settings bundle

 

72x72

Icon-72.png

Home screen

Optional but recommended

 

114x114

Icon@2x.png

Home screen (Retina)

Optional but recommended

 

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

File should be in png format, but name it without the .png extension

1024x1024

iTunesArtwork@2x

Ad Hoc iTunes (Retina)

Optional but recommended

File should be in png format, but name it without the .png extension

iPad-only Apps

Image Size

File Name

Used For

Required Status

Notes

29x29

Icon-Small.png

Settings on iPad

Recommended if you have a Settings bundle, otherwise optional but recommended

 

58x58

Icon-Small@2x.png

Settings on iPad (Retina)

Recommended if you have a Settings bundle, otherwise optional but recommended

 

50x50

Icon-Small-50.png

Spotlight on iPad

Optional but recommended

 

100x100

Icon-Small-50@2x.png

Spotlight on iPad (Retina)

Optional but recommended

 

72x72

Icon-72.png

App Store and Home screen on iPad

Required

 

144x144

Icon-72@2x.png

App Store and Home screen on iPad (Retina)

Required

 

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

File should be in png format, but name it without the .png extension

1024x1024

iTunesArtwork@2x

Ad Hoc iTunes

Optional but recommended

File should be in png format, but name it without the .png extension

iOS Universal Apps

Image Size

File Name

Used For

Required Status

Notes

29x29

Icon-Small.png

Settings and Spotlight

Recommended if you have a Settings bundle

 

50x50

Icon-Small-50.png

Spotlight

Optional but recommended

 

57x57

Icon.png

App Store and the Home screen

Required

 

58x58

Icon-Small@2x.png

Spotlight and Settings

Recommended if you have a Settings bundle

 

72x72

Icon-72.png

App Store and Home screen

Required

 

114x114

Icon@2x.png

Home screen

Optional but recommended

 

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

File should be in png format, but name it without the .png extension

iOS Web Clip Icons

These are shown on the device home screen when saving a bookmark. This is similarin nature to the "favicon" for websites. The '-precomposed' portion of the filename prevents Apple from automatically adding gloss, rounded corners and drop shadows.

Refer to the "Webpage Icon" Apple documentation page for additional details.

Image Size (px)

File Name

Embed Code

57x57

apple-touch-icon-precomposed.png

<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png"/>

72x72

apple-touch-icon-72x72-precomposed.png

<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png" />

114x114

apple-touch-icon-114x114-precomposed.png

<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png" />

144x144

apple-touch-icon-144x144-precomposed.png

<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png" />

Android Apps

The following information was derived from: http://developer.android.com/guide/practices/ui_guidelines/icon_design.html

Asset Type

Prefix

Sizes

Google Market hi-res

market_

512 xhdpi

Button Status / Notify

btn_stat_notify

24 ldpi
32 mdpi
48 hdpi
64 xhdpi

Launcher icons

ic_launcher

36 ldpi
48 mdpi
72 hdpi
96 xhdpi

Menu icons and Action Bar icons

ic_menu

36 ldpi
36 ldpi_v9
18 ldpi_v11
48 mdpi
48 mdpi_v9
24 mdpi_v11
96 hdpi
72 hdpi_v9
36 hdpi_v11
96 xhdpi
96 xhdpi_v9
48 xhdpi_v11

Status bar icons

ic_stat_notify

19 ldpi
12 ldpi_v9
18 ldpi_v11
25 mdpi
16 mdpi_v9
24 mdpi_v11
48 hdpi
24 hdpi_v9
36 hdpi_v11
50 xhdpi
32 xhdpi_v9
48 xhdpi_v11

Tab icons

ic_tab

24 ldpi
24 ldpi_v5
32 mdpi
32 mdpi_v5
48 hdpi
48 hdpi_v5

Dialog icons

ic_dialog

24 ldpi
32 mdpi
48 hdpi

Lists

ic_list

24 ldpi
32 mdpi
48 hdpi

The following image is a screen-grab of all of the icons generated with Android and iOS checked.

 

 

 

© Michael Gieson