El elemento de imagen SVG no se muestra en Safari

Rubén, miembro de nuestro staff, nos hizo el favor de crear esta sección porque domina perfectamente este tema.

Solución:

En el etiqueta dentro del elemento svg, href funciona bien en Chrome. Para trabajar en versiones anteriores de Safari, necesita xlink:href. (También se aplica a la etiqueta.) Tenga en cuenta xlink:href está en desuso y está siendo reemplazado por href. Sin embargo, no fue compatible hasta Safari 12.

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/href

Creo que aquí hay dos problemas:

1. No has dicho nada sobre el tamaño de tu imagen SVG. Como regla general, debe incluir al menos un viewBox attribute en el etiqueta. Por ejemplo:

2. El otro problema es que Safari no es particularmente brillante en la representación de archivos SVG. Sin embargo, tiende a funcionar mejor cuando los incrustas con un