svg-glyph-objectpattern-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <defs>

    <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">

      <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5"

        fill="mistyrose" />

    </pattern>

    <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">

      <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2"

        fill="lemonchiffon" />

    </pattern>

  </defs>

  <rect x="20" y="20" width="160" height="160" stroke="none"

    fill="url(#pat)" />

  <rect x="310" y="10" width="180" height="180" fill="url(#pat)"

    stroke="none" />

  <rect x="20" y="320" width="160" height="160" fill="burlywood"

    stroke="url(#pat2)" stroke-width="10" />

  <rect x="310" y="310" width="180" height="180" fill="url(#pat2)"

    stroke="url(#pat)" stroke-width="20" />

</svg>