ionic2：自定义SVG图标

Question

我使用Ionic2我想，因为我用离子图标我已经看到了这个链接，用我的图标：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。