What are the dimensions of an iOS app icon?
App Icon Sizes
Device or context | Icon size |
---|---|
60×60 pt (120×120 px @2x) | |
iPad Pro | 83.5×83.5 pt (167×167 px @2x) |
iPad, iPad mini | 76×76 pt (152×152 px @2x) |
App Store | 1024×1024 pt (1024×1024 px @1x) |
What is the dimension of an app icon?
Android Icon Sizes – User interface
MDPI (Baseline) | XHDPI | |
---|---|---|
DPI | ~ 160 dpi | ~ 320 dpi |
App Launcher Icons | 48 px | 96 px |
Action bar Icons | 32 px (24px inset) | 64 px |
Small / Contextual Icons | 16 px (12px inset) | 32 px |
What is a iOS glyph?
A glyph is a simple, graphic image that represents an idea. On all platforms, the system defines a large number of glyphs to represent common items, actions, and modes in interface elements like buttons, segmented controls, sidebars, navigation bars, tab bars, and toolbars.
What is 1x 2x and 3x in iOS?
1x, 2x, and 3x images allow developers and Apple to optimize app presentation based on the user’s device, whether an entry-level iPhone or the most expensive iPad. Conceptually, 1x, 2x, and 3x images are the same image — simply at different sizes.
How Big Should icons be on mobile?
Choosing the Right Size and Format for Icons
iOS 9 | 58×58, 80×80, 120×120, 152×152, 180×180, 1024×1024 |
---|---|
Windows 10 | 16×16, 24×24, 32×32, 48×48, 256×256 |
Android Lollipop, Marshmallow, Nougat, Oreo | 24×24, 48×48, 192×192 |
macOS X | 16×16, 32×32, 64×64, 128×128, 256×256, 512×512, 1024×1024 |
Unix operating systems | 16×16, 24×24, 48×48, 96×96 |
What is the corner radius of an iPhone icon?
Apple starts with the 57px icon and a radius of 10 then scales up or down from there….iOS icon corner radii.
[email protected] | 114px | 20 |
Icon-72.png | 72px | 12.632 |
[email protected] | 144px | 25.263 |
Icon-Small.png | 29px | 5.088 |
[email protected] | 58px | 10.175 |
What makes a good app icon?
Here are some tips for creating an app icon that stands out.
- Use a unique shape or symbol. You’ll always be up against dozens of other apps, whether a user is browsing the app store or scrolling through their home screens.
- Keep it simple.
- Don’t include words.
- Choose vibrant colors.
- A/B test different versions.