SVG使用不在Safari中工作

Question

我在我的html文件中使用这个svg标签。它在Chrome中完美运行，但在Safari中，图标不会出现

<svg width="25" height="23" viewBox="0 0 25 23">
       <use href="./icons.svg#helemet"></use>
 </svg>

谁知道为什么？

Answer 1

Safari尚不支持href，您需要使用xlink：href。

href是即将发布的SVG 2规范的新功能。 xlink：href是SVG 1.1版本。

Chrome，Firefox和Edge都支持xlink：href和href。

Answer 2

这是2019年未来的更新。只需添加xlink:

<svg role="img">
    <use xlink:href="/path/to/svg#id"></use>
</svg>

适用于IOS 12