App icon

App icon

The app icon, also known as the launcher icon, is a graphic image that represents the applications on the device. The app icon is used to launch the applications and appear on the device home screen where all the apps are listed. It’s the first look that prospective users will get of your app on the Google play store and iTunes store.


Note: The device home screen is different than the app home screen. The device home screen presents the list of all the apps installed on the devices and shows the app icons and app name, however, app home screen is the first screen displayed after the app is launched. The app home screen presents the buttons to navigate to the inner screens in the app.

Guidelines

App icon recommended resolution is 1024 x 1024, which will work on all the Android and iPhone devices.

Note: quality matters here. A well-designed icon can be a strong signal that your app is of similarly high quality.




App icon presented on the Home screen, which shows the app icon image along with app name with other apps installed on the devices.

Best Practices

o   Communicate well, even at small size

o   Work well with a wide variety of backgrounds

o   Icons should not present a cropped view of a larger image

o   Have similar weights to other icons to attract user's attention



    • Related Articles

    • App Details

      App Details App Details is the first screen presented to the users when he/she start creating the new app.  This is the place where users specify the details about the app they are creating. App Name Specify the name of the app you are building. App ...

    • New App creation process

      MAD-learn is a platform which helps students and teachers to learn about Mobile Application development. Our platform helps students, teachers, and other school staff to create new or edit existing mobile apps and learn mobile application development ...

    • Create App from Mind Map

      Once a user's Mind Map is complete, they can begin building the app from the Applist or make an app directly from the Mind Map. To create the app from Mind Map Navigate to the Mind Map listing page Enter edit mode on the Mind Map from which you wish ...

    • Design

      This is the phase of app creation process wherein the initial visual design setup of the app is configured for elements like themes, images, home screen layout, etc. The design phase consists of 3 sub-levels: Themes, Images, Layout.   Themes We ...

    • Edit App Design

      When a user visits the Edit Design screen, by default, they will be presented with the Themes page which will list the themes available from the system and show “My Theme” . ‘My Theme’ is a collection of images based on which the app is being ...