Rotate rectangle around its own center in SVG

Question

I have following piece of code :

Answer 1

You just need to add half the width/height of the rectangle to get its centre.

See transform documentation of the rotate function for more information.