rotate svg

Question

How can I rotate SL Icon after 12 seconds?

Effect like loader would be nice
https://code.sololearn.com/Wvi40hZy1Ki2/?ref=app

Answer 1

this might help...
https://code.sololearn.com/W1bkWwPJ1n8A/?ref=app

Answer 2

RKK yeah JOY is great.
I must find the rotation point.

Answer 3

I don't know but might be helpful:
https://www.w3schools.com/howto/howto_css_loader.asp
https://stackoverflow.com/questions/50908477/countdown-timer-loader-animation/50909197

Answer 4

Wrap the <g id='s' > with another group like this

<g id='spin' > <g id='s' > your paths </g> </g>
Then in the css apply this

#spin{
position:relative;
transform-origin: center;
transform-box: fill-box;
animation: spin 5s 12s ease 3;
}