Крутишь SVG-иконку через rotate, а она уезжает по орбите вместо того…

Крутишь SVG-иконку через rotate, а она уезжает по орбите вместо того, чтобы крутиться на месте. Виноват transform-origin: center — у SVG он считается от reference box, а тот по умолчанию view-box, весь холст.

Одна строка меняет точку отсчёта: transform-box: fill-box. С ним center — центр самой фигуры, и координаты пересчитывать не надо.

transform-box: fill-box;
transform-origin: center;

Chrome 64, Firefox 55, Safari 11. Baseline widely available с 16 октября 2026.