ionic2：カスタムSVGアイコン

Question

私は私が私がこのリンクを見てきたイオンのアイコンを使用して、私のアイコンを使用したいIonic2を使用しています：custom ionic icons

を私は命令に従うことができないと私は理解できませんSVGのアイコンは何ですか、アイコンを作ってみたいとは思いません。私はアイコンをイメージとして持っています。私はそれを使いたいです。

Answer 1

.svgを.pngに変更するだけで済みます。 adjwilli：あなたの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> 

クレジットを使用します。