SVG href property exports incorrectly
When illustrator exports SVGs, it sometimes will use the href property to reference something like an embedded image or gradient from the <defs>, which is reasonable. Docs for the href property here:
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/href
However, safari does not support href yet, and will completely drop the reference, making SVGs widely render incorrectly in safari, up to the latest version. In order to make them work properly, the deprecated xlink:href property must also be used, docs below:
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
All bases can be covered by including both the href and xlink:href properties, until all modern browsers have fully adopted the SVG2 spec.
Jeff Escalante
shared this idea
If you should see the issue still, please contact us via email sharewithai (at) adobe dot com.
Closing due to inactivity.
-
Hi Jeff,
Thanks a lot for opening the issue. Illustrator should still use xlink:href in all cases for saving or exporting SVG files. Could you please upload or send an SVG file and maybe the Ai file too where you see the Xlink namespace being dropped?
Thanks a lot,
Dirk