Анимация пути значка SVG для вращения по часовой стрелке от центра с помощью CSS ⇐ CSS

[Anonymous]

Я пытаюсь повернуть внутреннюю траекторию этого SVG так, чтобы она вращалась по часовой стрелке.
Сейчас траектория вращается так, как если бы она вращалась вокруг большего круга. Как повернуть значок из центральной точки и повернуть его по часовой стрелке?

Код: Выделить всё

  #circle-arrows {
animation: loader 1.25s infinite;
}

@keyframes loader {
0% {
rotate: 0deg;
}

100% {
border-radius: 50%;
rotate: 180deg;
}
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/791 ... r-with-css