How to change SVG icons on hover?

Question

JavaScript

In the footer of the site, SVG pictures (icons) of social media are inserted. networks. How to make fill and stroke change on hover?

Answer 1

Through css and if you have svg inserted inline.
Set color:

svg:hover{
 color: red;
}

There is a subtlety, you cannot change the color through css if it is already set in svg, through the attribute