css：img引入svg后修改颜色

在CSS中，你可以通过fill属性来修改SVG图片的颜色。如果你是通过img标签引入SVG，并希望改变颜色，你需要确保SVG文件内部的元素是可以填充的（比如使用了fill属性的路径）。

以下是一个简单的例子：

HTML:

<img src="image.svg" class="colorized-svg" />

CSS:

.colorized-svg {
  width: 100px; /* 设置你需要的宽度 */
  height: auto; /* 保持SVG的宽高比 */
}
 
/* 使用CSS伪元素来填充颜色 */
.colorized-svg:hover {
  filter: brightness(0.8);
}
 
/* 或者直接在SVG内部元素上使用fill属性 */
.colorized-svg image {
  fill: red; /* 这里的image是SVG内部的元素选择器 */
}

如果SVG是内联的，你可以直接在SVG的标签内使用CSS来修改颜色。例如：

<svg width="100" height="100" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" class="colorize-me" />
</svg>

CSS:

.colorize-me {
  fill: blue; /* 修改为蓝色 */
}

确保SVG内部的元素是可填充的，否则你可能需要修改SVG文件本身，使其元素可以通过CSS fill属性来填充颜色。