: Illustrator - Importing Svg that contains links to other svg files I am trying to import SVG files within Illustrator with the following XML code that has links to other SVG files. <svg

I am trying to import SVG files within Illustrator with the following XML code that has links to other SVG files.

<svg id="SvgjsSvg1006" width="550" height="650" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs">
<defs id="SvgjsDefs1007">
<clipPath id="SvgjsClipPath1009">
<polygon id="SvgjsPolygon1008" points="124,58 220,24 352,24 462,67 565,222 485,272 450,273 456,628 131,625 133,267 101,267 19,218 111,68">
</polygon>
</clipPath>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="550" height="650" viewBox="0 0 550 650" xml:space="preserve">
<pattern id="SVGID_4" x="0" y="0" width="0.2727272727272727" height="0.23076923076923078">
<image x="0" y="0" width="150" height="150" xlink:href="https://www.dropbox.com/pri/get/3574%20%5BConverted%5D.svg?_subject_uid=360738345&raw=1&size=1280x960&size_mode=3&w=AADi5fkmMPJI2i6WvcO3faWWR_30_D8f5IdWsJhFarM2JA">
</image>
</pattern>
<rect x="0" y="0" rx="0" ry="0" width="550" height="650" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: url(#SVGID_4); fill-rule: nonzero; opacity: 1;" transform="matrix(1,0,0,1,0,0)" clip-path="url("#SvgjsClipPath1009")">
</rect>
</svg>

On the browser its displayed as follows

On illustrator it's displayed as follows

How do I fix this?