Why svg without gradient after export from Figma?

Question

HTML

There is a preloader layout

Its code after export

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="11.25" stroke="url(#paint0_angular)" stroke-width="1.5"/>
<defs>
<radialGradient id="paint0_angular" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12) rotate(90) scale(12)">
<stop stop-color="#08044C" stop-opacity="0"/>
<stop offset="1" stop-color="#08044C"/>
</radialGradient>
</defs>
</svg>

But in the end, on the page it looks like this. There is no gradient


Is it possible to correct something in the svg code? Or, if there is a place where to get such a preloader, I will be grateful. I looked in different repositories of preloaders, but I did not find such a free one (

Answer 1

Answer 2

There is a gradient, it's just some kind of curve

https://jsfiddle.net/0uf3sLy1/
You can try to make the desired gradient with your hands in a vector editor
Chet like https://inkscape.org/ru/ or whatever else is fashionable