menu-tabs

//menu-tabs.html


<ion-tabs [selectedIndex]="myIndex" *ngIf="showTabs">
  <ion-tab  [root]="tab1Root" tabTitle="Inicio" tabIcon="iconHome" (ionSelect)="hideTabs()"></ion-tab>
  <ion-tab  [root]="tab2Root" tabTitle="Tarjeta" tabIcon="customicon"></ion-tab>
  <ion-tab  [root]="tab3Root" id="establecimientos" tabTitle="Establecimientos" tabIcon="iconEstablecimientos"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Ofertas" tabIcon="iconOfertas"></ion-tab>
</ion-tabs>

//menu-tabs.css
    .ion-ios-customicon-outline,
    .ion-ios-customicon,.ion-md-customicon,.ion-md-customicon-outline {
        content: url("/assets/img/icono_tarjeta.png");
        width: 50%;
        padding-top: 3px;
    }

    .ion-ios-iconHome-outline,
    .ion-ios-iconHome,.ion-md-iconHome,.ion-md-iconHome-outline {
        content: url("/assets/img/icono_inicio.png"); 
        width: 50%;
        padding-top: 3px;
    }


    .ion-ios-iconEstablecimientos-outline,
    .ion-ios-iconEstablecimientos,.ion-md-iconEstablecimientos,.ion-md-iconEstablecimientos-outline {
        content: url("/assets/img/icono_establecimientos.png");
        width: 50%;
        padding-top: 3px;
    }

    .ion-ios-iconOfertas-outline,
    .ion-ios-iconOfertas,.ion-md-iconOfertas,.ion-md-iconOfertas-outline {
        content: url("/assets/img/icono_ofertas.png");
        width: 50%;
        padding-top: 3px;
    }