本文介绍了在vue-element-admin项目中如何从阿里字体图标库下载SVG图标，将其放入icons/svg文件夹，并修改SVG图标颜色，使其能自动继承父级颜色。主要涉及SVG图标下载、颜色设置以及编辑器中去除fill属性的操作。
首先，搜索并找到你需要的图标，将它采集到你的购物车里，在购物车里，你可以将选中的图标添加到项目中（没有的话，新建一个），后续生成的资源/代码都是以项目为维度的。
阿里字体图标库 Icon
点击下载图片，设置图标颜色如图所示
设置颜色为空 背景选白色 再点击svg下载
下载的图标放到项目文件 icons/svg文件夹里面
然后在图标在 编辑器里面去掉 fill="#ffffff"属性
最后就是要的效果，自动根据父级颜色变色了
好了，如果有好的方法记得分享一下。也是之前弄了半天，后来改好了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
