<svg class="icon" aria-hidden="true" style="color:red;"><use xlink:href="#icon-PDF"></use></svg>
| 当从阿里图库中图标被添加至项目，如果编辑过项目图标的颜色或者图标本身是有颜色的，那么在通过symbol获取图标时会在svg的path中增加fill属性，导致无法更改颜色，如果需要动态修改颜色，需要从新添加该图标(本身图标无色)，获取在symbol的js文件中程序删除fill属性。 |
下载Js文件后，用Notepad++打开，然后用正则表达式查找：fill=”#…” ，替换。
iconfont.cn上，全选项目中的文件，应用批量操作–>批量去色
转载于：https://juejin.im/post/5cbade5f518825327e23f0ef
来源：掘金
对于svg图标，想通过hover或者active 添加颜色，没有办法修改，解决办法： 1. 修改[svg图片][svg]源 最开始的svg图标： ![2275efcd3b
场景 工作中如果用到常用的一些图片去哪寻找。 阿里巴巴矢量图标库： [https://www.iconfont.cn/home/index][https_www.ic
本文是在vue项目中集成阿里iconfont图标库，本文添加的图标结果案例如下图所示。 ![在这里插入图片描述][20200114164626790.png] 具体步骤如
以前很早用过，中间很久没用了，最近项目需要，扒拉一下记忆，关于字体图标的好处就不赘述了，[阿里巴巴矢量图标库入口][Link 1]，他官网上的三种用法： ![在这里插入图片
现象：iconfont安装后的图标，是通过symbol引用方式，有的图标不能通过color修改颜色的解决办法，有的又可以。 <svg class="icon" a
方法一：简单粗暴 - 生成链接使用法 1.打开 [iconFont官网][iconFont] 选择自己喜欢的图标，并且添加购物车 ![20200911105914870.p
一、阿里图标下载 1、访问阿里图标库官网：www.iconfont.cn，将喜欢的图标加入购物车 ![watermark_type_ZmFuZ3poZW5naGVpdG
step 1:搜索阿里巴巴矢量图标库官网（https://www.iconfont.cn）,然后注册登录,或者用github，微博登录也行,此步骤跳过; step
转自个人博客 [http://www.zuidaima.com/blog/4421067481730048.htm][http_www.zuidaima.com_blog_4
1、可以对单个图标下载，下载PNG图片应用到项目中去。 
水深无声
超、凢脫俗
我会带着你远行
傷城~
还没有评论，来说两句吧...