<svg
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" height="100" width="100">
<style>
#circle{
animation: spin 1s infinite linear;
transform-origin: 50% 50%;
}
@keyframes spin
{
0%{
transform: rotateZ(0deg);
}
100%{
transform: rotateZ(359deg);
}
}
</style>
<circle cx="50" cy="50" r="40" stroke="url(#gradient)" stroke-width="7" fill="transparent" id='circle' />