JavaScript Programming JavaScript > Code Examples Add icon button to Toolbar Add icon button to Toolbar <html> <head> <title>Happy Codings :-) JavaScript - Learn Web Development</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { new Ext.Toolbar({ renderTo: Ext.getBody(), items: [ { xtype: 'tbbutton', cls: 'x-btn-icon', icon: 'http://www.happycodings.com/images/HappyCodings.png' }, { text: 'Button' },'->', { text: 'Button' }, { xtype: 'tbseparator' },{ text: 'Button' },{ xtype: 'tbspacer' } ] }); }); </script> <div id='div1'>Happy Codings :-) JavaScript - Learn Web Development</div> </body> </html>