Как при hover менять цвет иконки SVG на анимированый градиент?

Question

[barsecky]

Добрый день.
Возник вопрос как поменять при hover цвет у иконки?
Просто поменять цвет я могу, а вот как сделать его градиентом да еще и анимированым?
Может быть через JS есть возможность управлять цветом?
JS-ом не владею(( буду рад любой помощи, жедательно с примерами.
Заранее спасибо.

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

Comments

[Vadim Kinev]

Попробуй через mask свойство в CSS

htmlbook.ru/blog/maskirovanie-v-css

Answer 1

[lagudal]

не уточнили, какая именно анимация нужна.
Как пример