CODEWITHSUNDEEP
angulartypescriptionic-framework
Thiago
Thiago

Reputation: 253

Ionic tabs icon not showing

I can't show my feed tab icon:

myapp/src/app/tabs/tabs.page.html

<ion-tab-button tab="tab1">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Tab 1</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab2">
  <ion-icon name="ellipse"></ion-icon>
  <ion-label>Tab 2</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab3">
  <ion-icon name="square"></ion-icon>
  <ion-label>Tab 3</ion-label>
</ion-tab-button>

<ion-tab-button tab="feed">
   <ion-icon ios="ios-alert" md="md-alert"></ion-icon>
  <ion-label>Feed</ion-label>
</ion-tab-button>

                                                https://i.sstatic.net/PHlmT.jpg

But if i try square, ellipse or triangle like the others tabs work:

myapp/src/app/tabs/tabs.page.html

<ion-tab-button tab="tab1">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Tab 1</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab2">
  <ion-icon name="ellipse"></ion-icon>
  <ion-label>Tab 2</ion-label>
</ion-tab-button>

<ion-tab-button tab="tab3">
  <ion-icon name="square"></ion-icon>
  <ion-label>Tab 3</ion-label>
</ion-tab-button>

<ion-tab-button tab="feed">
  <ion-icon name="triangle"></ion-icon>
  <ion-label>Feed</ion-label>
</ion-tab-button>

                                                https://i.sstatic.net/PHlmT.jpg

My github project

Upvotes: 1

Views: 1242

Answers (1)

Jain Bhavesh
Jain Bhavesh

Reputation: 578

in ionic 5 md and ios not working.use this icon

 <ion-icon name="alert-circle-outline"></ion-icon>

and for future Reference it's official ionic 5 doc here

https://ionicframework.com/blog/announcing-ionic-5/

Upvotes: 3

Related Questions