我是svg图标的新手，我只需要在悬停时更改此图标的颜色。
这是我到目前为止所做的：jsfiddle.net
.search-social :hover .search-icon {
fill: #72dcff;
}
因为我在两者上都应用了.search-social，所以这只是从小提琴开始工作。
但这个解决方案是否清洁还是您建议更好的解决方案？
答案 0 :(得分：0)
https://jsfiddle.net/e1491y39/4/
我认为这是因为你有中风和填充以及单独的碎片。因此，如果您将其设为单一路径，则可以使用该单一路径。否则，您可以在SVG上使用悬停。 （见jsFiddle。）
.