surface.svg Example File

 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 <svg
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.0"
    width="744.09448"
    height="1052.3622"
    id="svg2685">
   <defs
      id="defs2687">
     <linearGradient
        id="linearGradient5097">
       <stop
          id="stop5099"
          style="stop-color:#19a2db;stop-opacity:0"
          offset="0" />
       <stop
          id="stop5109"
          style="stop-color:#1379a7;stop-opacity:0.49803922"
          offset="0.30000001" />
       <stop
          id="stop5101"
          style="stop-color:#0e5173;stop-opacity:1"
          offset="1" />
     </linearGradient>
     <linearGradient
        x1="590.84674"
        y1="274.57559"
        x2="590.84674"
        y2="334.01376"
        id="linearGradient5103"
        xlink:href="#linearGradient5097"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(-172.21428,209.55976)"
        spreadMethod="pad" />
   </defs>
   <g
      id="layer1">
     <rect
        width="1053.5891"
        height="67.882248"
        x="-172.50883"
        y="484.13535"
        id="rect3448"
        style="opacity:1;fill:url(#linearGradient5103);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
   </g>
 </svg>