# Cordova Launcher Icon Review

# Saving the Launcher Icon Images

You need to create a set of images that work at different resolutions. This video will explain the process of doing an automated save of your icon at all the different sizes.

# Adding the Launcher Icons to your Project

Once you have saved your launcher icons then you need to add the links for them to the config.xml file. The process is pretty much the same as it is for the splashscreen images. Watch the following video for more details.

Cordova Icon Reference (opens new window)

Here is a sample for the config.xml file links to the launcher icons. Just like the splashscreen links, these should go inside the <platform> element for the specific OS.

<platform name="android">
        <!--
            ldpi    : 36x36 px
            mdpi    : 48x48 px
            hdpi    : 72x72 px
            xhdpi   : 96x96 px
            xxhdpi  : 144x144 px
            xxxhdpi : 192x192 px
        -->
        <icon src="res/android/ldpi.png" density="ldpi" />
        <icon src="res/android/mdpi.png" density="mdpi" />
        <icon src="res/android/hdpi.png" density="hdpi" />
        <icon src="res/android/xhdpi.png" density="xhdpi" />
        <icon src="res/android/xxhdpi.png" density="xxhdpi" />
        <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
    </platform>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# iOS Launcher icons.

This quick video shows you how to bring the icons into XCode to make sure that they are all the correct size for an iOS app.

The launcher icons for iOS must be EXACTLY the right sizes to get added. Even off by one pixel will make them fail to load.

Back to Week Homepage