<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2000px" height="2000px">
    <linearGradient id="base-grad" x1="0" y1="0" x2="50%" y2="50%">
        <stop stop-color="green" offset="0"/>
        <stop stop-color="green" offset="0.5"/>
        <stop stop-color="blue" offset="0.5"/>
        <stop stop-color="blue" offset="1"/>
    </linearGradient>

    <linearGradient id="pad-grad" xlink:href="#base-grad" spreadMethod="pad" />
    <linearGradient id="pad-reflect" xlink:href="#base-grad" spreadMethod="reflect" />
    <linearGradient id="pad-repeat" xlink:href="#base-grad" spreadMethod="repeat" />

    <g transform="translate(200 0) rotate(7) scale(2)">
      <rect x="10" y="35" width="460" height="55" fill="url(#pad-grad)"/>

      <rect x="10" y="120" width="460" height="55" fill="url(#pad-reflect)"/>

      <rect x="10" y="205" width="460" height="55" fill="url(#pad-repeat)"/>
    </g>

    <rect x="180" y="65" width="50" height="55" fill="grey" />
    <rect x="100" y="120" width="1100" height="10" fill="grey" />
    <rect x="100" y="295" width="1100" height="10" fill="grey" />
    <rect x="100" y="400" width="1100" height="10" fill="grey" />
    <rect x="100" y="460" width="1100" height="10" fill="grey" />
    <rect x="100" y="517" width="1100" height="10" fill="grey" />
    <rect x="100" y="570" width="1100" height="10" fill="grey" />
</svg>