As title, I use code as below to use icon in button of Ext.Toolbar :
Code:
        <STYLE TYPE="text/css">
    .newIcon { background-image: url(images/new.gif) !important; }
    .openIcon {    background-image: url(images/open.gif) !important; }
    .saveIcon {    background-image: url(images/save.gif) !important; }
    </STYLE>
...
        toolbar.addButton([
                           {
                               text: 'New',
                               handler: onButtonClick,
                               iconCls: 'newIcon'
                           },
                           {text: 'Open', handler: onButtonClick, iconCls: 'openIcon'},
                           {text: 'Save', handler: onButtonClick, iconCls: 'saveIcon'}
                          ]);
But question is I can't find the file "images/new.gif" or other .gif files within Ext folder. I am not good at CSS. Can anybody tell me how to the replace those .gif files or replace the icon used in Ext.Toolbar. Thanks in advance.