How to change the color of an SVG icon to an animated gradient on hover?

Question

css

Good afternoon.
The question arose how to change the color of the icon on hover?
I can just change the color, but how to make it a gradient and even animated?
Maybe through JS there is an opportunity to control the color?
I don’t know JS ((I will be glad for any help, preferably with examples.
Thanks in advance.

https://codepen.io/aliakseibarsukov/pen/MWmYVdg

Answer 1

did not specify what kind of animation is needed.
As an example