doneit-web/src/app/home/home.page.html

<ion-tabs class="tab">
    <ion-tab-bar class="bottoms" slot="bottom">
      <ion-tab-button tab="events">
        <!-- <ion-icon name="home"></ion-icon> -->
        <ion-icon class="nav-icon" src="assets/images/icons-nav-home.svg"></ion-icon>
        <ion-badge color="danger">{{totalEvent}}</ion-badge>
        <ion-label>Início</ion-label>
      </ion-tab-button>
  
      <ion-tab-button tab="agenda">
        <!-- <ion-icon name="calendar"></ion-icon> -->
        <ion-icon class="nav-icon" src="assets/images/icons-nav-calendar.svg"></ion-icon>
        <ion-label>Agenda</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="gabinete-digital">
          <!-- <ion-icon name="file-tray-stacked"></ion-icon> -->
          <ion-icon class="nav-icon" src="assets/images/icons-nav-gabinete-inactive.svg"></ion-icon>
          <ion-badge color="danger">{{totalExpediente}}</ion-badge>
          <ion-label>Gabinete</ion-label>
        </ion-tab-button>
        <ion-tab-button tab="publications">
          <ion-icon class="nav-icon" src="assets/images/icons-nav-actions.svg"></ion-icon>
          <ion-label>Acções</ion-label>
        </ion-tab-button>
         <ion-tab-button tab="search">
          <ion-icon name="search"></ion-icon>
          <ion-label>Pesquisa</ion-label>
        </ion-tab-button> 
        <ion-tab-button tab="chat">
          <ion-icon class="nav-icon" src="assets/images/icons-nav-chat-inactive.svg"></ion-icon>
          <ion-label>Chat</ion-label>
        </ion-tab-button>
    </ion-tab-bar>
  
  </ion-tabs>