How to Setup icon for phonegap project

Want create site? Find Free WordPress Themes and plugins.


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

How to Setup icon for phonegap project

Screen Shot 2015-10-09 at 2.01.03 pm

Create a new folder called res outside to www directory

Method 1 (Simple & Easy Step)

  1. Create your icon file with size of (500 X 500px)
  2. Create new folder (root directory, not in www) called res for storing your icon file
  3. Add this <icon src="res/icon.png"/> on your config.xml file
  4. Save and compile

Method 2


<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 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" />
  • Save & Recompile your application
Did you find apk for android? You can find new Free Android Games and apps.
MyMail WordPress Plugin free
Save $50 USD on Ionic Firebase Chat Source CodeEXPLORE