Как задать изменение по hover linear-gradient() в svg?

Question

[buzzloud]

Привет всем. Друзья, помогите плз. Есть иконка в svg и при наведении её фоновый цвет нужно менять на градиент. Вроде и инфа есть в доступе, но чего-то совсем не получается..(
Может кто подскажет как это победить?
Вот такой код:

<a href="#" class="link-to-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24" height="24" viewBox="0 0 73.9 74" style="enable-background:new 0 0 73.9 74;" xml:space="preserve">
                                <style type="text/css">
                                    .st0 {
                                        fill: #D9D9D9;
                                    }
                                </style>
                                <g>
                                    <g>
                                        <path class="st0" d="M36.3,0C16,0.3-0.3,17,0,37.3c0.3,20.3,17,36.6,37.3,36.3c20.3-0.3,36.6-17,36.3-37.3
			C73.3,16,56.6-0.3,36.3,0L36.3,0z M36.2,59.2l-0.2,0c-3.1-0.1-5.3-2.4-5.2-5.5c0.1-3,2.3-5.2,5.4-5.2l0.2,0
			c3.2,0.1,5.4,2.4,5.3,5.6C41.5,57.1,39.3,59.2,36.2,59.2L36.2,59.2z M49.4,33.1c-0.7,1-2.4,2.3-4.4,3.9l-2.2,1.6
			c-1.2,1-2,1.9-2.3,2.8c-0.2,0.7-0.3,0.9-0.3,2.3l0,0.4h-8.6l0-0.7c0.1-3,0.2-4.7,1.4-6.2c1.9-2.3,6.2-5,6.4-5.1
			c0.6-0.5,1.1-1,1.5-1.5c0.9-1.2,1.3-2.2,1.3-3.2c0-1.3-0.4-2.6-1.2-3.7c-0.8-1.1-2.2-1.6-4.2-1.6c-2,0-3.4,0.6-4.3,2
			c-0.9,1.4-1.3,2.8-1.3,4.3v0.4h-8.8l0-0.4c0.2-5.4,2.2-9.3,5.7-11.6c2.3-1.4,5.1-2.2,8.3-2.2c4.3,0,7.9,1,10.7,3.1
			c2.9,2.1,4.3,5.2,4.3,9.2C51.5,29,50.8,31.1,49.4,33.1L49.4,33.1z M49.4,33.1" />
                                    </g>
                                </g>
                            </svg>
</a>

Answer 1

[Капитан Какао]

Вот так: https://jsfiddle.net/RadCor/574nm60c/ ;)