原因是因为iconfont.js里面的fill 被写死了,所以修改不了。
1.把icon文件下载下来,打开iconfont.js,使用编译器正则替换掉所有包含fill="xxx",
以notePad++为例 ctrl+f选择替换,查找模式勾选“正则表达式”,查找目标填写 fill="#......" ,替换为空
页面内使用
<svg class="icon_svg" aria-hidden="true">
<use xlink:href="#icon-gou" />
</svg>
css修改颜色
svg {
color: var(--themeColor);
}