How do I transform a CSS gradient to SVG code?

Click Transform + copy. The CSS function becomes a complete SVG document on the clipboard.

Yes. to right maps to a horizontal SVG vector.

What is copied — CSS or SVG?

The SVG document, ready to paste into a file or component.

Yes. Each color becomes a stop.

FAQ

Quick answers

How do I transform a CSS gradient to SVG code?: Click Transform + copy. The CSS function becomes a complete SVG document on the clipboard.
Does to right work?: Yes. to right maps to a horizontal SVG vector.
What is copied — CSS or SVG?: The SVG document, ready to paste into a file or component.
Can I transform a three-color CSS fade?: Yes. Each color becomes a stop.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B