<svg id="svg" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<mask id="mask">
<rect width="25%" height="25%" fill="white"/>
</mask>
<clipPath id="clip">
<rect x="27%" width="25%" height="25%"/>
</clipPath>
<pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0" width="800" height="800">
<rect x="54%" width="25%" height="25%" fill="green"/>
</pattern>
</defs>
<rect width="25%" height="25%" fill="red"/>
<rect width="800" height="800" fill="green" mask="url(#mask)"/>
<rect x="27%" width="25%" height="25%" fill="red"/>
<rect width="800" height="800" fill="green" clip-path="url(#clip)"/>
<rect x="54%" width="25%" height="25%" fill="red"/>
<rect width="800" height="800" fill="url(#pattern)"/>
</svg>