allowance_planner_2000/frontend/allowance-planner-v2/src/app/pages/tabs/tabs.page.html

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button [tab]="historyTab" [href]="historyNav">
      <mat-icon>history</mat-icon>
    </ion-tab-button>
    <ion-tab-button tab="allowance" href="/tabs/allowance">
      <mat-icon>savings</mat-icon>
    </ion-tab-button>
    <ion-tab-button tab="tasks" href="/tabs/tasks">
      <mat-icon>task_alt</mat-icon>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>