IE11 meta element Breaks SVG

Question

I\'ve embedded an SVG files data directly into my html. It shows in Chrome and Firefox, but in IE11 it doesn\'t show at all. The pastebin link to the SVG is http://pastebin

Answer 1

After trying the other suggestions to no avail I discovered that this issue was related to styling for me. I don't know a lot about the why but I found that my SVGs were not visible because they were not holding their place in the DOM.

In essence, the containers around my SVGs were at width: 0 and overflow: hidden.

I fixed this by setting a width on the containers but it is possible that there is a more direct solution to that particular issue.