How to use the ionic2-material-icons in the ion-tab

[ken1106]

How to use the ionic2-material-icons in the ion-tab ?

[ihadeed]

Hey @ken1106

Sorry there isn't a way to use it in ion-tabs at the moment. I will try to figure something out for the next release.

[jamesdixon]

@ihadeed any updates on this? Thanks!

[timotew]

@ihadeed any updates on this? Tab Icons really add beauty to apps.

[asiddeen]

it works for me this way: @ken1106 @timotew @jamesdixon @ihadeed

use custome icon names
<ion-tabs> <ion-tab [root]="tab1Root" [tabTitle]="tab1Title" tabIcon="wallet"></ion-tab> <ion-tab [root]="tab2Root" [tabTitle]="tab2Title" tabIcon="bill"></ion-tab> <ion-tab [root]="tab3Root" [tabTitle]="tab3Title" tabIcon="account"></ion-tab> </ion-tabs>

tabs sass
.md-icon-font { font-family: 'Material Icons'; display: inline-block; } .ion-md-wallet:before{ @extend .md-icon-font; content: "\E850" } .ion-md-bill:before{ @extend .md-icon-font; content: "\e8b0" } .ion-md-account:before{ @extend .md-icon-font; content: "\e853" }

[arsewizz]

any update ?