Skip to main content
Abhishek Sharma
New Member
January 14, 2025
Solved

Gradients not exporting properly in SVG

  • January 14, 2025
  • 1 reply
  • 801 views

I am not getting exact render displayed in Figma web while exporting it to SVG format. The shadow and gradient are not going as per expected.

 

I looked at one comment where community member suggested to use clip content. It worked for another user. However, I tried same this, and it is not working.

 

 

    This topic has been closed for replies.
    Best answer by Celine_

    Hey there, thanks for reaching out to the community.

    This is expected behavior that our internal team is aware of it. SVG doesn't natively support an angular gradient, Figma exports these as radial gradients.
    (This is a limitation of exporting this kind of shape to SVG on our end)

    Please see our Export formats and settings guide for more details, I hope this clarifies!

    1 reply

    Celine_
    Figmate
    Celine_Answer
    Community Support
    January 14, 2025

    Hey there, thanks for reaching out to the community.

    This is expected behavior that our internal team is aware of it. SVG doesn't natively support an angular gradient, Figma exports these as radial gradients.
    (This is a limitation of exporting this kind of shape to SVG on our end)

    Please see our Export formats and settings guide for more details, I hope this clarifies!