svg radialGradient example

<svg viewBox="0 0 20 20">
<defs>
<radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%" >

      <stop offset="0%" stop-color="gold" stop-opacity="1"/>
      <stop offset="100%" stop-color="red" stop-opacity="1"/>
</radialGradient>
</defs>
<path d="M5,10 a 5,5 0 0 1 15,0a 5,5 0 0 1 -15,0" 
style="fill:url(#grad1);stroke:red;stroke-dasharray:1 1;stroke-dashoffset:1;">
</svg>