有些svg图标不好修改颜色，所以利用filter属性的drop-shadow利用阴影替换原来的svg，水平位移的长度等于阴影的水平位移长度，纵向位移和模糊都设置为0，再填上想要的颜色就行了，
/*css*/
/*.svg-icon就是svg的类名*/
.svg-icon {
transform: translate(-60px);
filter: drop-shadow(60px 0 0 #415fff);
}
或者到阿里图标库 设置去色，就可以通过color修改。
使用filter替换svg图标颜色
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 关于 CSS 阴影，之前已经有写过一篇，[box-shadow 与 filter:drop-shadow 详解及奇...
- text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS...
- 前言 之前在看七月老师的视频的时候，看到了有一个样式是-webkit-filter，不知道是什么（我没咋学过CSS...
- 原文戳这里 CSS过滤器（CSS filters）已经被推出有很长一段时间了。它最初是为了向SVG矢量图提供不同的...
