点击 svg 图标 旋转

抱歉，作为 AI，我无法直接操作页面元素。但是，你可以使用 CSS 动画和 JavaScript 来实现点击 SVG 图标旋转的效果。以下是一个简单的示例：

HTML 代码：

<svg class="icon" onclick="rotateIcon()">
  <path d="M10 5L20 15L10 25"></path>
</svg>

CSS 代码：

.icon {
  width: 30px;
  height: 30px;
  transition: transform 0.3s ease;
}

.icon.rotate {
  transform: rotate(180deg);
}

JavaScript 代码：

function rotateIcon() {
  var icon = document.querySelector('.icon');
  icon.classList.toggle('rotate');
}

这个示例将在 SVG 图标上添加一个点击事件处理程序，该处理程序会在点击时切换 `rotate` 类。这个类定义了一个旋转变换，通过 CSS 过渡动画可以实现平滑的旋转效果。