How do I paint an SVG stroke with a linear gradient?

Paste the SVG and click Apply linear stroke. The tool wires stroke to a linearGradient.

Linear vs radial for strokes — which should I pick?

Linear fades along a line; radial radiates from a center. Open Radial Stroke Gradient when you need a circular fade.

Yes. Only paint references change; path data stays intact.

Yes. The Output panel refreshes immediately after the action.

FAQ

Quick answers

How do I paint an SVG stroke with a linear gradient?: Paste the SVG and click Apply linear stroke. The tool wires stroke to a linearGradient.
Linear vs radial for strokes — which should I pick?: Linear fades along a line; radial radiates from a center. Open Radial Stroke Gradient when you need a circular fade.
Does the linear stroke keep my existing path geometry?: Yes. Only paint references change; path data stays intact.
Can I preview the linear stroke before downloading?: Yes. The Output panel refreshes immediately after the action.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B