Search code examples
angularionic-frameworkionic3ionic-tabs

tabs and tab custom icon in ionic 3

i am building an ionic application in which i am using ionic tabs at the bottom for navigation for the whole application.. i want to add custom svg as tabs icon. i don't know how can i do this but if there is any solution kindly provide the link or code or any reference of the document.

hi there!! i am building an ionic application in which i am using ionic tabs at the bottom for navigation for the whole application.. i want to add custom svg as tabs icon. i don't know how can i do this but if there is any solution kindly provide the link or code or any reference of the document.

and i also want to add avatar in ionic tabs.

Solution

  • maybe you can firstly add custom ionic icon:Add Custom Icon in Ionic 2

    then use tabIcon attribute in the ion-tab:

    <ion-tab [root]="chatRoot" tabTitle="Chat" tabIcon="custom-icon"></ion-tab>