How to Setup icon for phonegap project

In Previous tutorial we’ve seen various icon and splash screen sizes for phonegap applications. In this tutorial we’re going to see, How to Setup Phonegap Icon & Splash Screen for Phonegap Application

Steps to Setup Phonegap Icons & Splash Screens

Icon Setup

Method 1

1. Create your icon file with size of (500X500px)

2. create new folder called (res) for storing your icon file

3. add this line

<icon src="res/icon.png"/>

4. Save and compile

Method 2

Android
 <platform name="android">
 <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" />
 </platform>

ios

<platform name="ios">
 <!-- iOS 8.0+ -->
 <!-- iPhone 6 Plus  -->
 <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
 <!-- iOS 7.0+ -->
 <!-- iPhone / iPod Touch  -->
 <icon src="res/ios/icon-60.png" width="60" height="60" />
 <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
 <!-- iPad -->
 <icon src="res/ios/icon-76.png" width="76" height="76" />
 <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
 <!-- iOS 6.1 -->
 <!-- Spotlight Icon -->
 <icon src="res/ios/icon-40.png" width="40" height="40" />
 <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
 <!-- iPhone / iPod Touch -->
 <icon src="res/ios/icon.png" width="57" height="57" />
 <icon src="res/ios/icon@2x.png" width="114" height="114" />
 <!-- iPad -->
 <icon src="res/ios/icon-72.png" width="72" height="72" />
 <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
 <!-- iPhone Spotlight and Settings Icon -->
 <icon src="res/ios/icon-small.png" width="29" height="29" />
 <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
 <!-- iPad Spotlight and Settings Icon -->
 <icon src="res/ios/icon-50.png" width="50" height="50" />
 <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
 </platform>
  • Save & Recompile your application

Share This

Share this post with your friends!