Trouble with exporting SVG with an angular fill

Ask the community
1

I have a trouble exporting the SVG icon with an angular fill. It seems, like browser sees it like a radial fill

image
image2330×434 32.5 KB

1 Like
2

image
this is how it looks in browser

3

@Timur_Gindin did you manage to solve this by any chance?

4

Hey all! Unfortunately, this is an expected behavior. SVG doesn’t natively support an angular gradient and so Figma exports these as radial gradients. This is a limitation of exporting this kind of shape to SVG. Rest assured our engineers are looking for a way around this, though it may take some time.

For now, we’d suggest exporting just the fill as a PNG then applying it as a fill before exporting the whole element as an SVG.

If you would like to read more about Figma exports and the limitations of the tool, please take a look at the help center article linked here: https://help.figma.com/hc/en-us/articles/13402894554519 Thank you for your understanding!