title: Adding a image in ext tab panel
body: <p>I am new to ext js.How do i add an image as a logo of my application in the header of ext tab panel?</p>
  
  <p>Following is my code:-</p>
  
  <pre><code>Ext.define('MyApp.view.main.Main', {
  extend: 'Ext.tab.Panel',
  xtype: 'app-main',
  requires: [
  
  'MyApp.view.main.MainController',
  'MyApp.view.main.MainModel',
  'MyApp.view.main.List'
  ],
  controller: 'main',
  viewModel: 'main',
  defaults: {
  styleHtmlContent: true
  },
  tabBarPosition: 'bottom',
  items: [
  {
  title: 'Home',
  iconCls: 'fa-home',
  layout: 'fit',
  items: [{
  xtype: 'mainlist'
  }]
  }
  ]
  });
  </code></pre>
  
  <p>I need to add a logo in place of 'myapp' which is appearing as title. I want it something like the below image:-
  <a href="https://i.stack.imgur.com/GVvUB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GVvUB.png" alt="enter image description here"></a></p>