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兼容