Как сделать вращение круга SVG?

Question

[SeriousAnonymous]

Нужно сделать 2 круга один из которых вращается имитируя загрузку.

Но, получается только сделать вращение не тому кругу, да и внутренний круг имеет не такой вид, хотя картинка скачена с макета?
Знаю, что подобные вопросы всплывали, но так и не нашел верного решения.
Образец того, что получилось :
https://codepen.io/by_ultra/pen/ExvYWXW

Comments

[lagudal]

У вас крутится там все, а надо только внутренний path крутить. А для начала посмотреть как другие реализуют подобное, например вот и вот

[Softlink]

animateTransform надо переместить из circle в rect, а почему градиент кривой - черт голову сломит.
Сделать такое на css в разы быстрее, чем разобраться во всех трансформах градиента. Посмотрите, может подойдет https://jsfiddle.net/p9281bws/

[SeriousAnonymous]

Softlink, Большое спасибо и в голову не пришло, такое решение.

[SeriousAnonymous]

lagudal, Благодарю!

[lagudal]

Softlink,
классное решение, с одним дивом )