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

Gradients not exporting properly in SVG

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.
    Celine_
    Celine_Solution
    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!

    View in thread

    1 reply

    Celine_
    Figmate
    Celine_Solution
    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!

    Terms & ConditionsAccessibility statement