poner personalizados iconos icono icon custom como cambiar ionic-framework ionic2 ionic-view

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



ionic 3 icon size (2)

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"); }


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


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; }