Titanium: Tab's icon image not working

I am trying to change icons of my tab group's tab, but it doesn't show the image.

For iOS

I've used below code:

var win1 = Titanium.UI.createWindow
({  
    url:'Tab1.js'
});
 
var tab1 = Titanium.UI.createTab
({  
      icon:'footer_contactus_hover.png',
      window:win1
});
 
// create controls tab and root window
var win2 = Titanium.UI.createWindow
({        
    url:'Tab2.js'
});
 
var tab2 = Titanium.UI.createTab
({  
    icon:'footer_search.png',
    window:win2
});

I am having 4 tabs. Image's size is 81x51 . It shows me only blue rectangle instead of original image.

Also, I've tried

<property name="ti.android.fastdev" type="bool">false</property>

Whats wrong with the code ?

Try to set default tab images for demo, may be your size is more than it fits in to tabs.

If all you see is a blue shape, then your image may not be designed correctly (alpha damage/missing).

pathing was my issue. I had to set it to /images/<imagename>.png for the icon to display.