<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"> <defs> <pattern id="patternRotated" width="1" height="1" patternTransform="rotate(45 50 50)"> <rect width="50" height="50" fill="blue"/> <rect x="50" width="50" height="50" fill="red"/> <rect y="50" width="50" height="50" fill="red"/> <rect x="50" y="50" width="50" height="50" fill="blue"/> </pattern> <pattern id="patternNotRotated" width="1" height="1"> <rect width="50" height="50" fill="blue"/> <rect x="50" width="50" height="50" fill="red"/> <rect y="50" width="50" height="50" fill="red"/> <rect x="50" y="50" width="50" height="50" fill="blue"/> </pattern> </defs> <rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/> <g transform="translate(100)"> <rect width="100" height="100" stroke="black" fill="url(#patternRotated)"/> </g> <g transform="translate(200)"> <rect width="100" height="100" stroke="black" fill="url(#patternNotRotated)"/> </g> </svg>