使用内嵌svg

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>