<?xml version="1.0"?>

<svg width="8cm" height="4cm" viewBox="0 0 800 400"

     xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny">

  <desc>Example radgrad01 - fill a rectangle by referencing a 

           radial gradient paint server</desc>

  <g>

    <defs>

      <radialGradient xml:id="MyGradient" gradientUnits="userSpaceOnUse"

                      cx="400" cy="200" r="300">

        <stop offset="0" stop-color="red" />

        <stop offset="0.5" stop-color="blue" />

        <stop offset="1" stop-color="red" />

      </radialGradient>

    </defs>

    <!-- Outline the drawing area in blue -->

    <rect fill="none" stroke="blue" 

          x="1" y="1" width="798" height="398"/>

    <!-- The rectangle is filled using a radial gradient paint server -->

    <rect fill="url(#MyGradient)" stroke="black" stroke-width="5"  

          x="100" y="100" width="600" height="200"/>

  </g>

</svg>