1 <?xml version="1.0" encoding="ISO-8859-1"?>

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

     3      width="220" height="420" xmlns:xlink="http://www.w3.org/1999/xlink">

     4   <defs>

     5     <radialGradient id="gr1" cx="0.5" cy="0.5" r="0.5" gradientUnits="objectBoundingBox">

     6       <stop offset="0" stop-color="blue" />

     7       <stop offset="1" stop-color="yellow" />

     8     </radialGradient>

     9     <radialGradient id="gr2" cx="0.9" cy="0.5" r="1"  gradientUnits="objectBoundingBox">

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

    11       <stop offset="1" stop-color="yellow" />

    12     </radialGradient>

    13     <linearGradient id="gr3" x1="0" x2="1" y1="0" y2="1"  gradientUnits="objectBoundingBox">

    14       <stop offset="0" stop-color="blue" />

    15       <stop offset="1" stop-color="yellow" />

    16     </linearGradient>

    17     <radialGradient id="gr4" cx=".5" cy=".5" r=".5" gradientUnits="objectBoundingBox">

    18       <stop offset="0" stop-color="blue" />

    19       <stop offset=".5" stop-color="yellow" />

    20       <stop offset="1" stop-color="blue" />

    21     </radialGradient>

    22     <linearGradient id="gr5" x1="0" x2="0.5" y1="0" y2="0" gradientUnits="objectBoundingBox">

    23       <stop offset="0" stop-color="blue" />

    24       <stop offset="1" stop-color="yellow" />

    25     </linearGradient>

    26   </defs>

    27 

    28   <rect width="180" height="80" x="20"  y="20" fill="url(#gr1)" />

    29   <rect width="180" height="80" x="20" y="120" fill="url(#gr2)" stroke-width="10" stroke="url(#gr2)"/>

    30   <rect width="180" height="80" x="20" y="220" fill="url(#gr3)" stroke-width="10" stroke="url(#gr5)"/>

    31   <rect width="180" height="80" x="20" y="320" fill="url(#gr4)" stroke-width="10" stroke="url(#gr4)"/>

    32 </svg>