title: Customize icon tabs Ionic 3
body: <p>I am trying to apply customize icons for ionic tabs but it's showing only inactive tab icon, on clicking another tab it's not showing anything</p>
  
  <p>tabs.scss file</p>
  
  <pre><code>.tabs{
    a[aria-selected=false]{
      .ion-md-tab1 {
        max-width: 26px !important;
        content: url("../assets/imgs/inactive-tab1.png") !important; }
      }
  .ion-md-tab2 {
            max-width: 26px !important;
            content: url("../assets/imgs/inactive-tab2.png") !important; 
       }
          }
    a[aria-selected=true]{
      .tabs-md-tab1 {
        max-width: 26px !important;
        content: url("../assets/imgs/active-tab1.png") !important;
      }
       .ion-md-tab2 {
        max-width: 26px !important;
        content: url("../assets/imgs/inactive-tab2.png") !important; 
       }
    }
  }
  </code></pre>
  
  <p>tabs.html</p>
  
  <pre><code>&lt;ion-tabs&gt;
    &lt;ion-tab [root]="tab1Root" tabIcon="tab1"&gt;&lt;/ion-tab&gt;
    &lt;ion-tab [root]="tab2Root" tabIcon="tab2"&gt;&lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>