Change tab title of ion-nav-bar to image - ionic framework

Question

Change tab title of ion-nav-bar to image - ionic framework

Im using ionic framework to develop mobile apps. Im now concentrating in Android development. I want to make the nav bar of ionic framework like the picture given below. enter image description here

It has a tag called ion-view and attribute title

<ion-view title='TITLE'>

Now the navbar looks like below image

enter image description here

How can i add image in navbar ?

android
html
css
cordova
ionic-framework

Answer 1

You can include html in the title attribute, so all you have to do is something like:

<ion-view title="<i class='icon ion-ios7-lightbulb-outline'></i> TITLE">

Here's a demo: http://codepen.io/anon/pen/AcKqk