Ionic 2 directory structure

[vaibhav_bista]

when your image is located in www/img
– then you should reference it as img/logo.png from your HTML files
– or as ../../img/logo.png from your SCSS files.

this worked properly on my iPad and iPhone5. Try this one…this will work on both ionic serve and real devices

As I already mentioned approach in above reply (edited one), refer this forum answer by one of the ionic team member:

Images not rendering on iOS but fine in browser

AFAIK, when your image is located in www/img then you should reference it as img/key.png from your HTML files or as ../../img/key.png from your SCSS files. I just tried this and it works in Chrome and when deployed to an Android device (I can’t test it on iOS though): .ion-ios-key::before, .ion-md-key::before { max-height: 32px; content: url(../../img/key.png); } You could try to insert the image in one of the pages (i.e. <img src="img/key.png">) to check if it’s present after deployi…