I tried to attach the SVG file in question, but it wouldn't let me: extension not allowed. But I wanted to post this in case it's something that can be looked at and made to work - or if anyone else has a problem, they can know a workaround. Since I do have a workaround (manually editing the files), I can get by this. That makes me suspect that the SVG files themselves - though odd - aren't in violation of the spec and should work. My reason for not just settling on that is that the SVG files with radial gradients formatted like the above work fine in (for example) web browsers. It could be argued that Inkscape is writing things in a goofy way.

If I manually change the underlying gradient that holds the stops to be a radial gradient instead, then it imports fine.

The issue is that the underlying gradient is a 'linearGradient' element while the higher level element is a 'radialGradient' element.įor example, there is a section of the SVG file that looks like this (there are two radial gradients on two objects): The problem arises, I believe, because Inkscape writes the SVG files with the gradients in two pieces: there is an underlying gradient resource that specifies the stops, and then there is a higher level gradient that refers to the stops gradient and adds more information. I have found a workaround, but I thought I would mention this problem in case anyone else was having it as well. The problem I'm running into is that radial gradients aren't importing properly. (The latest 'experimental' one doesn't build when I switch to it, so I can't try this out with that.) I'm using the vectorgraphics package, version 1.0.0-preview.23. I am currently working on a 2D game with assets being imported as SVGs.

Inkscape gradient circle