ionic framework - personalizados - Cómo agregar svg icono personalizado iónico 2

ionic 3 icon size

Question

cómo agregar el icono personalizado iónico 2, tengo el archivo svg, necesito agregar el ícono en el menú

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

Puede usar fontastic para crear fuentes svg icon desde sus iconos svg, puede usarlo en línea o exportarlo a su propio tipo de letra svg, le da instrucciones sobre cómo usarlo, es GRATIS

Seguir enlace

Answer 2

Simplemente agrega en /src/theme/global.scss o /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;
}