SVG Images not rendering properly

Adobe XD UXP Plugin API
1

While working on the update to the Icons plugin we noticed something odd trying to use SVG images as source to image tags (<img src="foo.svg" />) on the interface of the plugin. Whenever an icon is formed by a circle, it completly messes up it’s shape. Are we doing something wrong or is this a rendering problem?

For reference, this is the intended result:

old
old497×656 10.2 KB

And this is what we’re getting:

new
new500×682 11 KB

Thanks in advance.

2

@kerrishotts is there a known issue with UXP for this? @psa is referring to the two circle shapes at the bottom.

3

Yes, this is an issue with the current SVG renderer in XD 21. I believe this is fixed for XD 22. @psa, If you want to attach the SVGs themselves, I can test in a local build.

1 Like
4

Thanks for the clarification, I just sent you one of the SVG’s that’s having problems being rendered.