How to smoothly rotate the arrow icon on click?

Question

css

Guys, tell me how to implement the arrows like on auto.ru, I really liked the execution of the arrows when hovering in the header on the link, the arrow turns smoothly (I need it to turn when clicked)
But how is it implemented? I dug a little there, it seems like .svg is included in the styles, but then you can see js processes everything.
Maybe there are examples somewhere ready to look at the implementation, any information will be useful to me.

Answer 1

Sort of... codepen.io/aliencash/pen/YwBLWK