<g fill="none">
<!-- carré gris sans rotation -->
<rect x="40" y="40" width="48" height="48"
stroke="#BBBBBB"/>
<!-- carré noir avec rotation 22° -->
<rect x="40" y="40" width="48" height="48"
stroke="black" transform="rotate(22 40 40)"/>
</g>