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를 모두 지원합니다.