Ionic2 :How to add custom icon?

Ionic Framework ionic-v3
1

hi there, i want to add custom icon in ion-tabs but i dont know how to do this.
<ion-tab [root]=“tab2Root” tabIcon=“chatbubbles”>

how can i set tabIcon on my own ?

Thanks

1 Like
2

did you find the solution??

3

https://stackoverflow.com/questions/38462885/add-custom-icon-in-ionic-2 … might help

4

You have to set some tabIcons in your tab html file, just like it is shown on the image below:

41

After this, you have to set some classes to the scss file. See the example:

21

Same proccess with iconCenter and iconRight. These icons are for iOS and Windows Phone. If you want them for Android, add .ion-md-iconLeft to the code There’s no need to write a class for ion-md-iconLeft-outline, because icons doesn’t change.

Custom icons url points to ‘www/img/’ folder. Make sure you place icons correctly.