为什么W3schools的图标不会动画？

W3schools的图标不会动画的原因可能是因为它们没有使用CSS动画效果。要使图标动画起来，可以尝试使用CSS动画效果来实现。

以下是一个示例代码，演示如何使用CSS动画效果使图标旋转：

HTML代码：

<div class="icon"></div>

CSS代码：

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.icon {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: spin 2s linear infinite;
}

在上面的示例中，我们定义了一个名为"spin"的关键帧动画，将图标的旋转效果实现为从0度到360度的旋转。然后，我们将这个动画应用到一个具有类名"icon"的div元素上，使用animation属性，并设置动画的持续时间为2秒，动画的速度为线性，以及无限循环。

通过类似的方式，你可以使用不同的CSS动画效果来实现其他类型的图标动画，例如平移、缩放、淡入淡出等等。