<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
    <pattern id="pattern1" x="0" y="0" width="1" height="1" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
        <rect x="0" y="0" width="1" height="1" fill="red"/>
        <rect x="0" y="0" width="0.5" height="0.5" fill="url(#pattern1a)"/>
    </pattern>

    <pattern id="pattern1a" x="0" y="0" width="1" height="1" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
        <rect x="0" y="0" width="1" height="1" fill="green"/>
        <rect x="0" y="0" width="0.5" height="0.5" fill="orange"/>
    </pattern>

    <pattern id="pattern2" x="0" y="0" width="1" height="1" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
        <rect x="0" y="0" width="1" height="1" fill="gray"/>
        <rect x="0" y="0" width="0.5" height="0.5" fill="url(#pattern2a)"/>
    </pattern>

    <pattern id="pattern2a" x="0" y="0" width="1" height="1" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
        <rect x="0" y="0" width="1" height="1" fill="yellow"/>
        <rect x="0" y="0" width="0.5" height="0.5" fill="url(#pattern3a)"/>
    </pattern>

    <pattern id="pattern3a" x="0" y="0" width="1" height="1" patternUnits="objectBoundingBox" patternContentUnits="objectBoundingBox">
        <rect x="0" y="0" width="0.5" height="0.5" fill="url(#pattern1)"/>
        <rect x="0.5" y="0.5" width="0.5" height="0.5" fill="url(#pattern1a)"/>
    </pattern>
</defs>

<rect x="50" y="50" width="200" height="200" fill="url(#pattern1)"/>

<!-- Reference rendering for pattern1 result -->
<g>
    <rect x="50" y="300" width="200" height="200" fill="red"/>
    <rect x="50" y="300" width="100" height="100" fill="green"/>
    <rect x="50" y="300" width="50" height="50" fill="orange"/>
</g>

<rect x="300" y="50" width="200" height="200" fill="url(#pattern2)"/>

<!-- Reference rendering for pattern2 result -->
<g>
    <rect x="300" y="300" width="200" height="200" fill="gray"/>
    <rect x="300" y="300" width="100" height="100" fill="yellow"/>
    <rect x="300" y="300" width="25" height="25" fill="red"/>
    <rect x="300" y="300" width="12.5" height="12.5" fill="green"/>
    <rect x="300" y="300" width="6.25" height="6.25" fill="orange"/>
    <rect x="325" y="325" width="25" height="25" fill="green"/>
    <rect x="325" y="325" width="12.5" height="12.5" fill="orange"/>
</g>
</svg>