Как заставить SVG фигуру кружиться вокруг середины блока?

Дамы и Господа, есть такое примитивный пример:

Хочу заставить треугольник крутиться вершиной вокруг середины блока SVG
Не прошу банального решения за меня, прошу объяснить, как работает система координат from="1 1 100 " to="100 100 100". Если я правильно понял это аналог @keyframes - CSS и если я прав, то правильной ли будет такая конструкция со средними значениями from="1 1 100 " 50%="50 50 50" to="100 100 100"
И вообще, правильном ли я направлении в реализации данной задачи?

Ответ

От нуля до 360 градусов вокруг точки (50, 50):