svg图标颜色渐变，hover移入渐变，移出恢复

SVG（Scalable Vector Graphics）图标支持颜色渐变效果，特别是在CSS中通过`linear-gradient()`或`radial-gradient()`函数来创建。对于hover（鼠标悬停）事件，你可以利用`:hover`伪类来改变渐变。当鼠标悬停在SVG上时，可以设置渐变颜色从一种状态过渡到另一种状态，如从默认颜色变为高亮。

例如，HTML和CSS的简单示例：

<svg width="50" height="50">
  <rect id="gradientRect" x="10" y="10" width="30" height="30" fill="url(#myGradient)"/>
</svg>

<style>
#gradientRect {
  transition: fill 0.3s ease;
}

#gradientRect:hover {
  fill: linear-gradient(to right, red, blue);
}
</style>

在这个例子中，`#gradientRect`元素有一个初始颜色，然后当鼠标悬停时，它的填充色会过渡到从红色到蓝色的线性渐变。`transition`属性用于添加动画效果，使得颜色变化更为平滑。