Custom Tab icon bug. 2.2

[Johnbran]

Hello,
When upgrading to touch 2.2 (via Architect) custom icons in a tab panel will not display.
This code works in 2.1. Just a blank space where the Icon should be.

CSS

.x-tab .x-button-icon.myIcon{    -webkit-mask-image: url('../bolt.png');
}

Ext.define('MyApp.view.MyTabPanel', {
    extend: 'Ext.tab.Panel',


    config: {
        items: [
            {
                xtype: 'container',
                title: 'Tab 1',
                iconCls: 'info'
            },
            {
                xtype: 'container',
                title: 'Tab 2',
                iconCls: 'info'
            },
            {
                xtype: 'container',
                title: 'Tab 3',
                iconCls: 'myIcon'
            }
        ],
        tabBar: {
            docked: 'bottom'
        }
    }


});

[mitchellsimoens]

This is not a bug. The icons are not images using webkit mask anymore, they are font based. In the theming guide in the docs it discusses the font icons.