SVG - Apply conic gradient to SVG using CSS

1.3k Views Asked by At

Modern versions of Chrome and Firefox support conic gradients using CSS https://developer.mozilla.org/en-US/docs/Web/CSS/conic-gradient().

SVG doesn't support conic gradients, so would it be possible to apply conic gradients to SVG paths using CSS?

I would like to apply a gradient to a line path. Example:

<path d="m107.35 144.8a14.78 14.78 0 0 1-10.451-4.3288" style="fill:none;stroke-width:3.2844"/>

I would like something like this: https://stackoverflow.com/a/54594553/5507535 but in SVG.

0

There are 0 best solutions below