使用JavaScript幻灯片时，SVG图像/ Internet Explorer无法兼容

Question

我正在尝试使用SVG图标，即使它们在Chrome中运行良好，但它们并不适用于Internet Explorer。

I've added it to codepen

<svg style="" id="pdf-file" height="18" width="18" class="pdf-file">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fa-file-pdf-o"></use>
</svg>

在Chrome中打开，您可以在左上角看到一些小图标，但如果您在Internet Explorer中打开，则无法显示任何内容，知道为什么/如何修复？