1 <?xml version="1.0"?>

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

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

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

     5            radial gradient paint server</desc>

     6   <g>

     7     <defs>

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

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

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

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

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

    13       </radialGradient>

    14     </defs>

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

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

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

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

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

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

    21   </g>

    22 </svg>