Set App Icons

Set app icons for your app on Android and iOS

Introduction

This chapter describes how to set the app icons.

Required sizes

Device

Icon Format

Size in px

Build file location

Apple IPhone

2x

120 x 120

appIcon2x

3x

180 x 180

appIcon3x

Android Phone

mdpiIcon

48 x 48

mdpiIcon

hdpiIcon

72 x 72

hdpiIcon

xhdpiIcon

96 x 96

xhdpiIcon

xxhdpiIcon

144 x 144

xxhdpiIcon

Storing icon bitmaps in the app structure

We store all the app icons under the /res/icons folder (it could be a different folder)

  1. Add folder under /res folder
  2. Add icons to the /icons folder
  1. Reference the files in the .build file.
  2. Use a relative path to specify the files
}, {
    "eClass" : "http://scade.com/sdk/build#//Icons",
    "platform" : "all",
    "ios" : {
      "eClass" : "http://scade.com/sdk/build#//IOSIcons",
      "appIcon2x" : "./res/icons/Icon-120.png",
      "appIcon3x" : "./res/icons/Icon-180.png"
    },
    "android" : {
      "eClass" : "http://scade.com/sdk/build#//AndroidIcons",
      "mdpiIcon" : "./res/icons/Icon-48.png",
      "hdpiIcon" : "./res/icons/Icon-72.png",
      "xhdpiIcon" : "./res/icons/Icon-96.png",
      "xxhdpiIcon" : "./res/icons/Icon-144.png"
    }
  }
  1. Done