Убираете инлайновый fill и красите на здоровье
.socials__link:hover {
fill: red;
}
А ещё лучше перейти с символьных спрайтов на стеки и не мусорить в разметке, а использовать mask
Сборка стеков, например:
https://www.npmjs.com/package/gulp-stacksvg
Также они вставятся и в use и в css в качестве content, bg или mask.
Про маски
https://codepen.io/noahblon/post/coloring-svgs-in-... 
