New with Ionic -- the tabs not apears

Ionic Framework ionic-v3
1

Hi,
I need to have 3 tabs In the shape of a circle with a picture in it…
So first I wrote

<super-tabs tabsPlacement="top" toolbarBackground="3D9BDD" toolbarColor="dark" indicatorColor="light"
  (tabSelect)="onTabSelect($event)">
  <super-tab *ngFor="let page of pages" [class]="page.class" [root]="page.pageName" [icon]="page.icon" [id]="page.id"></super-tab>
</super-tabs>

but I couldn’t put instead of the icons pictures so I used the regular ion tab:

  <ion-tabs *ngIf="pages">
            <ion-tab  *ngFor="let page of pages" [root]="page.pageName" [rootParams]="page.pageName" tabIcon="page.icon" ></ion-tab>
          </ion-tabs>
        </ion-tabs>

but nothing appears.
my array of pages:
pages = [
{ pageName: ‘Cassava1Page’, title: ‘Before’, icon: ‘before’, id: ‘before’},
{ pageName: ‘Cassava2Page’, title: ‘After’, icon: ‘help-circle’ id: ‘AfterTab’},
{ pageName: ‘Cassava3Page’, title: ‘Profit’, icon: ‘body’, id: ‘ProfitTab’}
];
my final tabs need to see like:
a