SVGファイルを画像の中心点を軸に回転させたい

Question

複数のSVGファイルを重ねて、hoverイベントで回転するような動きを実装したいです。
CSSで調整はできたのですが、
回転させるSVGの中心点の指定の仕方がわかりません。。。
いろいろ調べてみましたが、お手上げ状態です…。
ご教授いただけますとうれしいです。

↓現在の動き
https://gyazo.com/3fd7d4d0cff80447edda1217984913c1

Answer 1

回転軸の指定は「transform-origin」です。

値の設定方法は調べればたくさん出てくると思います。