I have a trouble exporting the SVG icon with an angular fill. It seems, like browser sees it like a radial fill
Solved
Trouble with exporting SVG with an angular fill
Best answer by Celine_D
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!
This topic has been closed for comments
this is how it looks in browser
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!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.