# Custom icon for your app

Every app needs a different icon. By default, the Cordova icon is used for each new app. You can replace this with your own design very easily.

There is a very handy node script for creating icons. For more information, be sure to read the accompanying info page.

  • Info cordova-res
  • Install cordova-res with the following command:
$ npm install -g cordova-res
1

You can do this exercise on any application. As an example, we will use the basic app from the previous chapter.

# cordova-res android --type icon

  • Create an image of at least 1024x1024 pixels (or download this example icon icon.png) .
  • Create in the root of the cordova project a new folder resources.
  • Save this image as icon.png in the resources folder.
    icon
  • Open the terminal at the root folder of the cordova project and run the following command:
$ cordova-res android --type icon
1
  • You only have to run this command once. Unless, of course, you want to generate a new icon...
  • The generated icons are created in the resources/android/icon/ folder, and the paths are added to config.xml.
  • Now connect your smartphone via USB to your computer and execute the following command:
$ cordova run android
1
Last Updated: 6/14/2021, 2:24:20 PM