App Icon Sizes

Pooran Prasad Rajanna edited this page Jan 10, 2015 · 12 revisions

Webapp

  • 57 px, add as <link rel="apple-touch-icon" href="icon.png">, in the <head> of index.html.

iOS

  • 57 px, iPhone
  • 72 px, iPad
  • 114 px, iPhone 4 Retina Display
  • 144 px, iPad 3 Retina Display
  • 1024 px, iTunes – Used in iTunes and in the App Store sized down to 175px
  • 29 px, iPhone Settings/Spotlight, iPad Settings – used in these table views. Minor, but still important!
  • 48 px, iPad Spotlight
  • 58 px, iPhone 4 Settings/Spotlight
  • 64 px document icon
  • 320 px document icon

More Info

Android

  • 192px (xxxhdpi)
  • 144px (xxhdpi)
  • 96px (xhdpi)
  • 72px (hdpi)
  • 48px (mdpi)
  • 36px (ldpi)
  • 512x512 pixel - only used in Android Market; resized to various sizes

More Info

BlackBerry

  • tablet webworks: 90px
  • BB10: 114px
  • applications for all form factors can accept two images for the icon: a regular icon and a hover icon, which is displayed when the user hovers over the app with the cursor.
  • BlackBerry 6: "For application icons, create an icon file that does not exceed 68-by-68 pixels. This size includes the canvas. Keep the weight of icons inside a 49-by-49 pixels space. Smaller elements can extend beyond this size but icons should not exceed 55-by-55 pixels. If the icon within the canvas exceeds this size, it could be scaled down and upset the line weights and gradients."

More Info

webOS

Main Icon

  • 64px

More Info

Windows Phone

Home Screen

  • 62px, small application tile
  • 173px, large application tile
  • 48px, application bar icons

Windows Phone Marketplace

  • 99px, small mobile app icon
  • 173px, large mobile app icon
  • 200px, PC app title icon
  • 480x800px, details page screenshot
  • 1000x800px, panorama background
  • 480x800px, application splash screen

More Info