I have an app with an icon and a phoneStartupScreen defined (see code).

My app is at url http://localhost:8080/MyApp/mobile
My index.html is at http://localhost:8080/MyApp/mobile/index.html
My app.js is at /js/mobile/app.js
The images are in /images

What path do I need to use (or where should I place the images) for them to appear for my web app? I've tried:

icon.png
images/icon.png
../images/icon.png
../../images/icon.png

And none of them show the icon when I try to add my web app to my iphones home screen.

Code:
Ext.Loader.setConfig({
    enabled: true,
    paths:{
        'MyApp':'./js/mobile/app'
    }
});

var App = Ext.application({
    name: 'MyApp',
    controllers: ['Main','Map'],
    
    phoneStartupScreen: '../images/phone_startup.png',
    icon: '../images/icon.png',
    glossOnIcon:false,
    
    launch: function() {
        this.appContext = appContext,
        Ext.create('MyApp.view.Viewport');
    }
});