如何通过css更改单色.svg文件的颜色？
我使用的是如下所示的SVG图标，我不想使用图标字体（我已经知道它更容易改变颜色）如何通过css更改单色.svg文件的颜色？,css,svg,icons,material-design-lite,Css,Svg,Icons,Material Design Lite,我使用的是如下所示的SVG图标，我不想使用图标字体（我已经知道它更容易改变颜色） 默认情况下，此图标为黑色，我想将其更改为绿色 什么是省力的最好方法 箭头文件的url您可以将页面中的SVG定义为符号或defs，然后使用..ahem，使用元素和类…但这可能比您想要的工作量大 svg{ 展示； 内联块； 宽度：24px； } .隐藏{ 显示：无； } 瑞德先生{ 填充物：红色； } 格林先生{ 填充：绿色； } 在svg文件中设置颜色最简单。尤其是在其他任何事情都不可能的情况下。@Robe
符号或defs
，然后使用..ahem，使用元素和类…但这可能比您想要的工作量大
svg{
展示；
内联块；
宽度：24px；
}
.隐藏{
显示：无；
}
瑞德先生{
填充物：红色；
}
格林先生{
填充：绿色；
}
在svg文件中设置颜色最简单。尤其是在其他任何事情都不可能的情况下。@RobertLongson-你的意思是在任何svg编辑器中编辑.svg文件吗？没错，这就是我的意思。或者是一个文本编辑器，它只是XML。@RobertLongson-好的，如果没有其他更快的解决方案，那么我会这样做。我有很多图标，只需要将所有图标的颜色更改为我想要的不同颜色。我想如果不编辑每个文件就可以节省很多时间：-）不要使用img，如果使用对象标记，可以插入CSS。
<img src="/images/ic_play_arrow_black_24px.svg">