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。