[Import & Export]-Adobe XD doesn't parse SVG path correctly

Question

What happens:
When trying to insert the attached SVG into Adobe XD, only the first part of the path is inserted, everything after that is cut off.
What should happen:
The full path should be displayed, like in the browser (e.g. Chrome).
 
The SVG is from https://www.carbondesignsystem.com/guidelines/icons/library/ (Search for "Collaborate"). Other icons from that library work fine.
Interestingly the same thing happens when trying to optimize the SVG here: https://petercollingridge.appspot.com/svg-editor/.
As a workaround, I've been able to load the file after importing and exporting it from https://editor.method.ac/.

Harshika Verma · Accepted Answer

Hi there,

We are sorry for the delay in response. There are few unsupported features of SVG file into XD. Please check out this article: https://helpx.adobe.com/in/xd/kb/import-export-issues.html

Let us know if that helps.

Thanks,

Harshika

Mrittick Choudhury · Answer

Something similar here 🙋🏼‍&#9794; So I am using Adobe XD to create software prototypes and stuff. I designed an icon in it and in the export stage, I am facing a weird problem. This is the icon, when exported as PNG, which exports as is (true to the design) -   However, this is what happens when exported as SVG (tried all permutations and combinations of the SVG export parameters, still same results) -  Notice how the lower-left portion of the icon-design is completely messed-up? That's the bug. Similar problems are showing-up while exporting other SVGs as well, which is forcing us to export them inn PNG, but it's not the ideal scenario and hampers us from using lottie-animations, which is a dealbreaker for our product.  Kindly requesting for some support and a fix please. Thank you!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.