Ion-icon custom Svg on IE Edge - no displaying


#1

Hi guys! I am using in my Ionic App icons with custom svg.
On Android, IOS and Chrome (Desktop) , icons appears fine, but on IE (Edge) - nothing to display, only background color.

html:

scss:

ion-icon{
&[class*=“custom-”]{
mask-size:contain;
mask-position : 50% 50%;
mask-repeat: no-repeat;
background: currentColor;
}
}

&[class*=“custom-iconSvg”]{
mask-image:url{…/assets/svgName.svg}
}

Any help will be appreciated!

If I change " mask-image:url{…/assets/svgName.svg} " with “background-image:url{…/assets/svgName.svg}”, ion-icon appear on IE Edge , but I can’t change svg color dynamically.
I tried with

scss:

ion-icon{ fill:red}
ion-icon svg path{ fill:red}

but without any luck.

Thanks!