Application Icon Not Changing

It has always been a hit and miss for me regarding the Application Icon. I can’t seem to figure out how to change it consistently. No matter what I do, it will always remain as the previous one until one day, for reasons I’ve yet to figure out (could be something I’ve done to trigger it), it would suddenly recognise the new image. I thought that it should be as simple as replacing the image. I’ve tried using a different file name, changing the application version etc. Anyone else encountering this problem?

Currently, this is how my app icon is defined currently in my context.xml.

<icon src="www/img/icon-app.png" />

[wilsonna]

Hey, it worked! tabrisjs.com is still showing my old icon, but at least the icon in my device is updated. Thanks @cookieguru !

[cookieguru]

It’s not very clear in their docs (an unfortunate recurring trend) but I believe the density parameter being optional is just from a schema validation standpoint. It is only used on Android and therefore cannot be considered required. If you aren’t specifying the density parameter the app isn’t going to know what size the icon is, and AFAIK the device won’t resize an icon to make it fit to its resolution.

Try coping the Android sample from the Cordova docs or see config.xml in the tabrjs-js-template-app for a working example.