radialgradient-basic-003-ref.svg

Enable keyboard shortcuts

Default Checkerboard Light Dark

<svg width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg">

  <defs>

    <radialGradient id="RadialGradient1" gradientUnits="userSpaceOnUse" cx="120" cy="240" fx="120" fy="240" r="100">

      <stop style="stop-color:#0000ff" offset="0%"/>

      <stop style="stop-color:#00ffff" offset="50%"/>

    </radialGradient>

  </defs>

  <rect x="20"  y="140" width="200" height="200" style="fill:url(#RadialGradient1)" />

</svg>