Ionic2 :How to add custom icon?

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 ?


1 Like

did you find the solution?? … might help

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


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


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.