Pregunta Cómo agregar svg icono personalizado iónico 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");
}

7
2017-09-08 14:54


origen


Respuestas:


Puedes usar Fantástico para crear las fuentes del icono svg de los iconos de su 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


0
2018-03-02 21:09



Solo agrega /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;

}

0
2017-11-13 14:42