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.