Iconfont 多色图标使用svg颜色无法修改问题

原因是因为iconfont.js里面的fill 被写死了，所以修改不了。

1.把icon文件下载下来，打开iconfont.js，使用编译器正则替换掉所有包含fill="xxx",

以notePad++为例 ctrl+f选择替换，查找模式勾选“正则表达式”，查找目标填写 fill="#......" ，替换为空

页面内使用

</svg>

css修改颜色

svg {

color: var(--themeColor);

}

参考自https://www.cnblogs.com/jopny/p/9454785.html

Iconfont 多色图标使用svg颜色无法修改问题相关推荐

Iconfont多色图标使用和单色图标实现渐变色
iconfont多色图标使用引入iconfont提供的Symbol的js文件 <script src="//at.alicdn.com/t/font_2300423_06dtj5dw ...
9012年了你还在用单色图标？(iconfont多色图标详解)
前言记录iconfont的三种使用方式多色图标出来已经很久了,现在才拿出来说貌似有点过时... 但为了方便自己以后知道怎么使用,也为了让更多刚入门的新手熟悉iconfont,还是决定写一篇比较详细 ...
小程序引入iconfont多色图标
1.登录阿里图标库网址 2.将下载的文件进行解压,命名为iconfont 3.全局安装npm install -g iconfont-tools 4.运行命令行: iconfont-tools,如下图 ...
uniapp中使用iconfont多色图标
1.iconfont下载图标 2.安装iconfont-tools npm install -g iconfont-tools 3.powershell执行命令 1. 以管理员身份运行PowerShe ...
微信小程序使用iconfont阿里矢量多色图标
引用使用方法: 引用方法名支持多色兼容性 unicode ❌ 好 font-class ❌ 良好 symbol ✔ 差虽然unicode和font-class很好,但你会发现都不支持多色模式, ...
iconfont svg图标不能更改颜色的解决方法
iconfont svg图标不能更改颜色的解决方法参考文章: (1)iconfont svg图标不能更改颜色的解决方法 (2)https://www.cnblogs.com/chaoyueqi/p/ ...
如何引入iconfont中的单色图标和多色图标（超简单）
网址:iconfont-阿里巴巴矢量图标库超简单!再不会引入就过分了哈! 一.单色图标引入 1.选择需要的图标 2.创建新项目.添加至该项目.下载到本地 3.将压缩包解压到自己的代码文件夹中 4.在 ...
vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色,这个问题.尝试过很多方法,最后发现不是代码的问题,而是iconfont图标库中没有配置好. 1. 发现问题如下当点击菜单选项时,icon和文字 ...
记：psd中图标转成svg并上传到iconfont制作成图标
拿到设计师给的.svg格式图标兴冲冲地上传到iconfont,发现上传的图标是空白的.用编辑器打开发现里面没有<path>,于是自己动手将psd里的图标做成svg上传到iconfont做成 ...

Iconfont 多色图标使用svg颜色无法修改问题

Iconfont 多色图标使用svg颜色无法修改问题相关推荐

最新文章

热门文章