若依（RuoYi）框架 新增系统图标 修改颜色svg不生效

导出原因:

从阿里图标库下载svg图标时，默认有fill：颜色值属性。

第一种方案在vue.config.js配置 (未生效)

chainWebpack: (config) => { config.module .rule('svg') .exclude.add(resolve('src/assets/iconImg')) .end(); config.module .rule('icons') .test(/.svg$/) .include.add(resolve('src/assets/iconImg')) .end() .use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'icon-[name]', }); }

第二种 直接在下载图标的时候去掉填充色

第一步 阿里图标库  
第二步 选择需要的图标
第三步 添加到购物车
第四步 再添加到阿里图标的项目文件里面
第五步 选择批量操作
第六步 选择批量去色保存
第七步 下载需要的svg文件放到src/assets/icons/svg文件项目即可
第八步 使用方式:` <svg-icon icon-class="password" /> // icon-class 为 icon 的名字 class-name 的其他名字`

阿里图标库