CSS动态修改SVG图标颜色

可以使用CSS的`fill`属性来修改SVG图标的颜色。具体步骤如下：

1. 在HTML中将SVG图标插入到页面中：

<svg class="icon" viewBox="0 0 512 512">
  <path d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0zm0 480c-119.297 0-224-94.703-224-224S136.703 32 256 32s224 94.703 224 224-94.703 224-224 224z"></path>
</svg>

2. 添加CSS样式，使用`fill`属性修改图标颜色：

.icon {
  fill: #000; /* 默认黑色 */
}

.icon:hover {
  fill: #ff0000; /* 鼠标悬停时红色 */
}

注意：有些SVG图标可能没有填充（fill）属性，只有描边（stroke）属性，此时可以使用`stroke`属性来修改描边颜色。