title: How to add custom image in tab-button-icon in ionic 3.
body: <p>I want to add my own custom images in place of default images provided by ionic3. I am new in Ionic please help me. Searching for solution since 1 week. </p>
  
  <p>tabs.html</p>
  
  <pre><code>    &lt;ion-tabs [selectedIndex]="mySelectedIndex" name="conference"&gt;
          &lt;ion-tab [root]="tab1Root" tabsHideOnSubPages="false" tabTitle="Home" tabIcon="home"&gt;&lt;/ion-tab&gt;
          &lt;ion-tab [root]="tab2Root" tabsHideOnSubPages="false" tabTitle="About" tabIcon="information-circle"&gt;&lt;/ion-tab&gt;
          &lt;ion-tab [root]="tab3Root" tabsHideOnSubPages="false" tabTitle="Contact" tabIcon="contacts"&gt;&lt;/ion-tab&gt;
      &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>tabs.ts</p>
  
  <pre><code>    import { Component } from '@angular/core';
      import { NavParams } from 'ionic-angular';
      import { AboutPage } from '../about/about';
      import { ContactPage } from '../contact/contact';
      import { HomePage } from '../home/home';
  
      @Component({
        templateUrl: 'tabs.html'
      })
      export class TabsPage {
  
        tab1Root = HomePage;
        tab2Root = AboutPage;
        tab3Root = ContactPage;
        mySelectedIndex: number;
  
        constructor(navParams: NavParams) {
          this.mySelectedIndex = navParams.data.tabIndex || 0;
        }
      }
  </code></pre>