How to design mobile app icon?

Designing the icon for your mobile app is the first step in your app-building journey. This comprehensive guide will help you design an icon for your app.

We recommend spending some time designing an attractive app icon design that stands out amongst other apps that communicates the core essence of your brand.

Designing the App Icon

You can create the mobile app icon using either of the two following options.

  • Designing the icon on the app builder yourself
  • Uploading a pre-made design for the icon

Let us explore both options in detail.

Keep monitoring all updates that you make while designing the app icon to get real-time feedback on your design. Make the necessary modifications wherever required.

Designing the icon on AppMySite

Select this option if you want to design an app icon for your app on AppMySite. Here’s how you need to proceed.

  • Click on ‘Create‘ in the top-right corner.
  • This will present you with the icon designing section where you can handpick each element of your app icon design.

Background Color

  • Click on the color selector and choose the background color for the icon.
  • You can also scroll across the color panel to select a color. You also have the option of entering a hex code or RGB values.

App Icon Text

  • Type your brand initials or any other text that you’d like to see on the icon.
  • You can enter a maximum of 3 characters.

Font

Select the font for the app icon text from the options available in the drop-down menu.

Font Size

Select font size for the app icon text from the drop-down menu.

Color

  • Click on the color selector and choose the font color for the icon.
  • You can also scroll across the color panel to select a color. You also have the option of entering a hex code or RGB values.

Uploading a pre-designed icon

Select this option if you want to upload a premade icon design. Here’s how you should proceed.

  • Click on the Upload button in the top right corner. This will bring you to the ‘Upload icon’ screen where you’ll be able to upload your icon design file.
  • Click anywhere on this window to upload your design file.
  • Alternatively, you can drag and drop the image file of your design as well.

Your design file must meet the following specifications.

  • File format: JPG
  • Minimum size: 1024 * 1024 px

Crop Image

  • Once the icon is uploaded, resize & reposition the design file to fit as you like.
  • Click on the CROP & SAVE button to save the app icon design.

Save Icon Design

Click on the NEXT button when you are satisfied with the icon design to save your mobile app icon.

Download app icon

You can view and download the original image you uploaded for the app icon in case you misplace it. The following steps explain the process in great detail:

  • Login to your AppMySite account.
  • Go to the App icon under Appearance.
  • You will find your current app icon here. Below the icon, click on See original image.
  • You will be redirected to a new page where you can view and download your original image.

You can thus recover your original app icon artwork from AppMySite.