Pixellated SVGs in Adobe XD

Question

Hi, I inherited an Adobe Xd file with some hand-drawn icons made using paths. When I try to export them as SVGs, they turn out horribly pixelated no matter what I do or what combination of settings I choose (Presentation Attributes/Internal CSS, Embed/Link, Outline Stroke/Not Checked).

I thought it might be because the original paths are thin, so I also expanded them into larger 60x60px icons and tried to export them but they are also pixelated. The path(s) are their own group so exported them as a group even if it was 1 path (although I tried exporting the 1 path as a path by itself) but that didn't help either.

Strangely, one of my SVGs does upload to google drive in a crisp resolution. It is made of paths in a group just like the ones that are horribly pixelated and I cannot see any obvious difference between it and the other icons.

I am using Adobe Xd 43.0.12 and MacOS Big Sur 11.5.2 Thanks

Spas K. · Answer

Hi there. Can you possibly upload some screenshots so we can see the set up within Xd, with the layers panel open and groups expanded? Along with the exported & pixelated SVGs.

If you can upload the file itself or some of the svgs, that would be very useful as well.

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.

Scanning file for viruses.

This file cannot be downloaded