What are the dimensions of an iOS app icon?

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.