[bug]: IE11 Add icons aren't displayed

[keo9ren]

Following Icons aren't displayed properly in IE11 and old Edge.

Browser: IE11 Microsoft Edge: 44.18362.449.0 Microsoft EdgeHTML: 18.18362

Icons: name: add name: add-circle-outline Haven't tested other icons yet.

Using: @stencil/core: 1.8.9 @ionic/core: 5.0.1

Steps to reproduce: Checkout this repo: https://github.com/keo9ren/ie11addsign

Execute and open in IE11

npm run startie11

Left screenshot is from chrome, on the right IE11

[joaovictorr19]

Hii, Try this:

in src\index.html

[Scan0815]

Hi @joaovictorr19 on my site, i test with ie edge your script not work. I have the same problems like @keo9ren https://codepen.io/Scan0815/pen/BaNmJbo

[keo9ren]

@joaovictorr19 solution doesn't solve my problem either.

[Scan0815]

@liamdebeasi can someone tell us if this bug been recognized. On the https://ionicons.com/ page the icons will work in ie11 and edge. Many thanks for you response!

[fritee-test]

Same issue for me on IE 11

[viniciuscenci]

Same problem here, version 5.1.0:

Seems that something is missing, if I put some fill and stroke, it works:

[tmwrnr]

@viniciuscenci's solution works fine, but one note. You need to put these styles on the svg itself, if you were wondering like me where to put these styles.

[amandaejohnston]

Thank you for the issue. IE11 and old versions of Edge are not supported. I did notice that the Ionicons site doesn't have an official browser support table, though; I've raised this with the team internally so we can get one added. In the meantime, referencing the browser support for Ionic Framework is a safe bet: https://ionicframework.com/docs/reference/browser-support#desktop-browsers