Как изменить значок меню defaut на значок изображения в ионном

Question

Я пытаюсь заменить значок меню на значок изображения в ионном приложении. У меня есть menu.html следующим образом:

<ion-side-menus> 
<ion-side-menu-content> 
<ion-nav-bar class="bar-dark nav-title-slide-ios7"> 
</ion-nav-bar> 
<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view> 
</ion-side-menu-content> 

<ion-side-menu side="left"> 
<header class="bar bar-header bar-dark"> 
</header> 
    <ion-content class="has-header"> 
    <ion-list> 
    <ion-item menu-close ui-sref="app.home"> 
     Home 
    </ion-item> 
    <ion-item menu-close ui-sref="app.profile"> 
     Update Profile 
    </ion-item> 
    <ion-item menu-close ui-sref="app.project"> 
    Add Project 
    </ion-item> 

    <ion-item menu-close ng-click="logout();"> 
     Log Out 
    </ion-item> 
    </ion-list> 
</ion-content> 
</ion-side-menu> 
</ion-side-menus> 

Но я не знаю, как заменить значок меню со значком изображения. Пожалуйста, вы можете помочь

это home.html:

<ion-nav-buttons side="left"> 
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button> 
</ion-nav-buttons> 
<icon-view> 
<ion-pane> 
<ion-content> 
</ion-content> 
</ion-pane> 
</icon-view> 

Answer 1

заменить button и navicon класс с image тегом

<ion-nav-buttons side="left"> 
<img src="img/myImage.jpg" class="button button-icon button-clear" menu-toggle="left"> 
</ion-nav-buttons> 
<icon-view> 
<ion-pane> 
<ion-content> 
</ion-content> 
</ion-pane> 
</icon-view> 

Example fiddle

Answer 2

Вы можете перезаписать КАС, иконки меню глобально в app.scss, добавив ниже css и значок меню в папке с вашими активами.

ion-icon[name='menu']:before { 
    content: url('../assets/icon/menu.png'); 
}