SVGがSafariで動作しない

Question

私のhtmlファイルにこのsvgタグを使用しています。 Chromeでは完全に機能しますが、サファリではアイコンが表示されません。

<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の両方をサポートしています。