SVG menu icon hover effect

Hi Everyone,

I added an SVG icon in a menu in footer bar area.
I would like to know the hover effect of CSS code for this SVG icon.
All setting from Color Menu doesn't apply to the SVG icon.

Can someone share an example to do that?

.footer-bar .menu-social-media-menu .menu-item-980 a > svg:hover {
fill: red;
}