Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
SVG icons don't show up in IE 11
See original GitHub issueHello,
I’ve been using this for my project: https://github.com/carbon-design-system/carbon-elements/tree/master/packages/icons-angular.
But in IE 11, none of the icon is getting displayed. When inspected, the <path> is not getting rendered.
Thanks.
Issue Analytics
- State:
- Created 4 years ago
- Comments:11 (7 by maintainers)
Top Results From Across the Web
SVG Icons not showing in IE 11/Edge - Stack Overflow
You need to properly escape your SVG when using it in a data URI. See this tool (and the blog post it links...
Read more >Simple SVG icon not displaying in IE11
When accessing the app in google chrome, icon displays fine but in IE 11 nothing shows. Upon inspecting the network log in IE...
Read more >SVG icons are not displaying IE 11 - Salesforce Developers
Hi All, I have use a SVG icon for a button that is displaying in Chrome and Firefox but not displaying in IE...
Read more >[BUG] Windows Edge 17 and IE11 do not display info icons
Followup: If you look at Special:Search (open the "Advanced Search" drop down) in Edge, the help icons do show up, but the rules...
Read more >Graphic icons missing on webpages - Browsers
When you load web applications that use font icons, you notice that the icons are not displayed correctly in Internet Explorer. This problem...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yes, I believe this issue is related: https://github.com/IBM/carbon-components-angular/issues/567 and they have a storybook showing the problem here: https://angular.carbondesignsystem.com/?path=/story/code-snippet--basic
@cal-smith, I pulled the @carbon/icons-angular v.10.3.1 and now icons are broken even on Chrome ( shows the same in IE11 ). Works fine up till v.10.3.0.
Before:
After: