Jak dodać SVG zwyczaj ikona jonowe 2

Question

jak dodać niestandardowe ikony jonowe 2, mam svg plik muszę dodać ikonę w menu

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

można wykorzystywać do tworzenia czcionek fontastic ikona svg fro m ikon SVG, można go używać w trybie online lub eksport do własnego svg fontface, to daje instrukcje, jak go używać, jego wolny

Follow link

Answer 2

Wystarczy dodać w /src/theme/global.scss lub /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; 

}