simple-fill-gradient-ref.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">

  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0" y1="-13" x2="0" y2="3">

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

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

  </linearGradient>

  <g transform="translate(100,100)">

    <rect x="0" y="-13" width="16" height="16" fill="url(#g)"/>

    <rect x="0" y="-13" width="16" height="16" stroke="black" stroke-width="2" fill="none"/>

  </g>

</svg>