使用内联 svg 时，单个图标不显示在 chrome 中

Question

我正在使用这样的内联 svg

<use xlink:href=""></use>

但由于某种原因，Chrome 中未显示某个特定图标（但在 Firefox 和 ios Safari 中显示），其他图标在 Chrome 中可见。

这是图标本身（它是从 icomoon 导出的）

<symbol id="icon-phone" viewBox="0 0 32 32"> <title>phone</title> <path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path> </symbol>

我也尝试过只使用 href 而不是 xlink:href，但也没有用。

Answer 1

<symbol id="icon-phone" viewBox="0 0 32 32">

和

</symbol>

包装器并将其替换为

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">

和

</svg>