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

[Anonymous]

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

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

  #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