SVG图标简单应用

步骤：

1.阿里巴巴的图标库(www.iconfont.cn/)选择图标后加入库

或者上传svg图标（设计稿切图选择svg格式）

（切图示例）

（上传示例）

2.进入“资源管理”选择相应的项目图标库

选择单个 或进入“我的项目”选择项目组引

生成js链接，使用在线地址 或者保存到本地文件 引入js

4.改变颜色 用编辑器打开svg.js文件，搜索fill="#xxx" ，删除后即可通过css进行修改。 或者将如下代码删除即可

   .ico:hover {
              background: #3E4AF5;

              .icon {
                fill: #ffffff
              }
            }