<!DOCTYPE html>
<svg>
  <clipPath id="c1">
    <rect width="100" height="100"/>
  </clipPath>
  <pattern id="p1" width="1" height="1">
    <rect width="100" height="100" fill="green"/>
    <clipPath id="c2" clip-path="url(#c1)">
      <rect width="100" height="100"/>
    </clipPath>
  </pattern>
  <rect width="100" height="100" fill="url(#p1)" clip-path="url(#c1)"/>
</svg>
