How do I export a CSS gradient as SVG?

Click Export SVG, then Download in the toolbar. The clipboard also gets the SVG.

Will 180deg export top-to-bottom?

The angle is mapped to the SVG vector so a 180deg CSS fade reads as a vertical SVG gradient.

Export first, then tweak Source and download again.

No. Generation and download stay in the browser.

FAQ

Quick answers

How do I export a CSS gradient as SVG?: Click Export SVG, then Download in the toolbar. The clipboard also gets the SVG.
Will 180deg export top-to-bottom?: The angle is mapped to the SVG vector so a 180deg CSS fade reads as a vertical SVG gradient.
Can I export after editing stops?: Export first, then tweak Source and download again.
Is export uploaded anywhere?: No. Generation and download stay in the browser.

CSS to SVG → Transform CSS → CSS generator →

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B