Change title by icon

I'm still learning about Ionic. I would like to know how to change the tab title by an icon or custom image.

HTML

<ion-header><ion-navbar><ion-title>empty</ion-title></ion-navbar></ion-header><ion-content><ion-segmentclass="SwipedTabs-tabs"  >
        <ion-segment-button *ngFor='let tab of tabs ; let i = index ' value="IngoreMe" (click)="selectTab(i)"
        [ngClass]='{ "SwipedTabs-activeTab" : ( this.SwipedTabsSlider  && ( this.SwipedTabsSlider.getActiveIndex() === i || (  tabs.length -1 === i&& this.SwipedTabsSlider.isEnd()))) }' >
          {{tab}}
        </ion-segment-button>
      </ion-segment>

      <!-- here is our dynamic line  "indicator"-->
      <div id='indicator' class="SwipedTabs-indicatorSegment" [ngStyle]="{'width.%': (100/this.tabs.length)}"></div>

      <ion-slides #SwipedTabsSlider  (ionSlideDrag)="animateIndicator($event)"
                  (ionSlideWillChange)="updateIndicatorPosition()"
                  (ionSlideDidChange)="updateIndicatorPosition()"
                  (pan)="updateIndicatorPosition()"
                  [pager]="false"
            >
        <ion-slide>
          <h1>Page 1 </h1>
        </ion-slide>
        <ion-slide>
          <h1>Page 2 </h1>
        </ion-slide>
        <ion-slide>
          <h1>Page 3 </h1>
        </ion-slide>
        <ion-slide>
          <h1>Page 4 </h1>
        </ion-slide>
      </ion-slides>

</ion-content>

TS

   import { Component, ViewChild } from '@angular/core';
    import { IonicPage, NavController, NavParams, Slides } from 'ionic-angular';

    /**
     * Generated class for the EmptyPage page.
     *
     * See https://ionicframework.com/docs/components/#navigation for more info on
     * Ionic pages and navigation.
     */

    @IonicPage()
    @Component({
      selector: 'page-empty',
      templateUrl: 'empty.html',
    })
    export class EmptyPage {

      @ViewChild('SwipedTabsSlider') SwipedTabsSlider: Slides ;

      SwipedTabsIndicator :any= null;
      tabs:any=[];


      constructor(public navCtrl: NavController) {
        this.tabs=["page1","page2","page3","page4"];
      }
      ionViewDidEnter() {
        this.SwipedTabsIndicator = document.getElementById("indicator");
      }

      selectTab(index) {    
        this.SwipedTabsIndicator.style.webkitTransform = 'translate3d('+(100*index)+'%,0,0)';
        this.SwipedTabsSlider.slideTo(index, 500);
      }

      updateIndicatorPosition() {
          // this condition is to avoid passing to incorrect index
        if( this.SwipedTabsSlider.length()> this.SwipedTabsSlider.getActiveIndex())
        {
            this.SwipedTabsIndicator.style.webkitTransform = 'translate3d('+(this.SwipedTabsSlider.getActiveIndex() * 100)+'%,0,0)';
        }

        }

      animateIndicator($event) {
        if(this.SwipedTabsIndicator)
            this.SwipedTabsIndicator.style.webkitTransform = 'translate3d(' + (($event.progress* (this.SwipedTabsSlider.length()-1))*100) + '%,0,0)';
      }

    }