To make the symbol rotate around its center, you need to specify the transform-origin:

First Way : transform-origin: 50% 50%;

2nd Way :

transform-origin: center;

If you're applying this to something like a <span> (which is inline by default), make sure to add:

display: inline-block;