Rotate rectangle around its own center in SVG

Question

I have following piece of code :

Answer 1

You would have to set the center as the center of the filled element. Like this:

svg .rotate {
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(45deg);
}