ionic2：自定义SVG图标

Question

我正在使用Ionic2我想使用我的图标，因为我使用了Ionic Icons我已经看过这个链接：custom ionic icons

但我不能按照说明操作，我无法理解什么是SVG图标，我不想制作图标我有图标作为图像，我想使用它，可以有人帮帮我！

Answer 1

您只需将.svg更改为.png即可。将其添加到您的app.scss文件

ion-icon {
    &[class*="appname-"] { 
        mask-size: contain;
        mask-position: 50% 50%;
        mask-repeat: no-repeat;
        background: currentColor;
        width: 1em;
        height: 1em;
    } 
    &[class*="appname-customicon1"] {
        mask-image: url(../assets/img/customicon1.png);
    } 
}

使用

<ion-icon name="appname-customicon1"></ion-icon>

信用：adjwilli。