images/rect-rotate.svg

<svg width="150" height="150" viewBox="-75 -75 150 150" fill="none" stroke="black" xmlns="http://www.w3.org/2000/svg">
  <g stroke-width="2" transform="scale(0.5 0.5)">
    <g>
      <rect x="-150.0" y="-150.0" width="300" height="300" fill="white" stroke="#ddd" />
      <line x1="-150" y1="0" x2="150" y2="0" stroke="#ddd" />
      <line x1="0" y1="-150" x2="0" y2="150" stroke="#ddd" />
    </g>
    <rect x="-100.0" y="-100.0" width="200" height="200" />
    <rect x="-100.0" y="-100.0" width="200" height="200" transform="rotate(45) scale(0.7071067811865475 0.7071067811865475)" />
  </g>
</svg>