Wie svg benutzerdefiniertes Symbol ionische 2

Question

hinzufügen, wie benutzerdefiniertes Symbol ionische 2 hinzufügen, ich habe ich brauche SVG-Datei

this.pages = [ 
     {icon: 'Test', title: 'Logout', component: LoginPage } 
    ]; 

    <ion-list> 
     <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
     <ion-icon name="{{p.icon}}" svgversion item-left></ion-icon> 
     {{p.title}} 
     </button> 
    </ion-list> 

layout.scss

ion-ion[name="test"][svgversion] { 
    content: url("../../img/accountsDeposits.svg"); 
} 

Answer 1

Sie fontastic verwenden können svg Symbol Schriftarten fro zu erstellen m Ihr svg Icons, können Sie es online oder den Export in Ihrem eigenen svg fontface verwenden können, es gibt Ihnen Anweisungen, wie es zu benutzen, seine FREE

Follow link

Answer 2

Sie fügen Sie einfach in das Symbol im Menü hinzufügen /src/theme/global.scss oder /page/your-page/your-page.scss:

.logo { 

    background: url(../assets/images/logo-vc.svg) no-repeat top left; 
    background-size: contain; 
    width: 80px; 
    height: 35px; 
    margin: 20px auto 0 auto; 

}