0

I'm trying to create with radial gradients. But it doesn't show radialGradient asexpected. Following code is radialGradient part of the SVG.

<radialGradient id="paint0_angular_1_732" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(232.5 220.5) rotate(90) scale(179.5)">
<stop stop-color="#3EDB07"/>
<stop offset="0.197917" stop-color="#4BDF17"/>
<stop offset="0.364583" stop-color="#DCD417"/>
<stop offset="0.578125" stop-color="#F4CF0B"/>
<stop offset="0.786458" stop-color="#F97B07"/>
<stop offset="1" stop-color="#B60303" stop-opacity="0"/>
</radialGradient>

What I'm expecting is following output.

enter image description here

But it shows this output.

enter image description here

Axen_Rangs
  • 261
  • 7
  • 19
  • 1
    A radial gradient has a centre point and the same colours at any particular radius from that centre. What you're looking for is not a radial gradient at all, it's a conic gradient and svg doesn't have those. – Robert Longson Oct 06 '22 at 11:26

0 Answers0