<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>