Skip to main content
francisco_axlot
Participating Frequently
February 21, 2018
Answered

Illustrator does not support my SVG file that contains SVG Image elements

  • February 21, 2018
  • 5 replies
  • 5109 views

I have made an SVG generator for my application. It generates many path elements and it adds some <image> elements.
Those image elements can have JPG, PNG, SVG or AI extension. I'm storing those image files in the same folder the main SVG is saved.
This way, the image elements point to these files like this:

<image id="Asset-1" xlink:href="asset-1.svg" ...></image>
<image id="Asset-2" xlink:href="asset-2.png" ...></image>
<image id="Asset-3" xlink:href="asset-3.svg" ...></image>

Illustrator seems to have problems to open the .svg images. At first, I thought I was doing something wrong (maybe I do) but I've opened my file with Inkscape and Chrome and it has no problems at all.
Is there a way I can use images with SVG that Illustrator can open without problems? If not, is there a known workaround?
Thanks in advance

This topic is closed to new replies. Start a new post to keep the conversation going.
Correct answer Monika Gause

Illustrator simply does not fully support what can be done with SVGs

5 replies

Monika Gause
Community Expert
Community Expert
February 21, 2018

Illustrator has issues with some SVG constructs.

You cannot do something about it inside Illustrator.

You might need to embed the content instead of linking it.

francisco_axlot
Participating Frequently
February 22, 2018

How could I achieve that? I have also tried this:
<image id="Asset-1" xlink:href="data:image/svg+xml;base64,PD94bWwgd.......></image>

But it does not work

Monika Gause
Community Expert
Monika GauseCommunity ExpertCorrect answer
Community Expert
February 22, 2018

Illustrator simply does not fully support what can be done with SVGs