element 如何使用自定义icon图标

写项目时，发现 element 里的图标没有我需要的图标，

两种情况：

① 简单的替换小图标，没有选中变色等要求

② 有选中变色等要求，稍微复杂的需求

第一种情况解决办法：

修改Element UI自带的小图标，替换成自己的

首先找到那个自带的图标class，然后代码如下

.el-icon-sunrise {
    background: url('你的图片路径') center center no-repeat;
    background-size: 24px;
}

.el-icon-sunrise:before {
    content: "11";
    visibility: hidden;
}

第二种情况解决办法：

这就需要去阿里巴巴图标矢量库找到需要的图标了

阿里巴巴图标矢量库 : https://www.iconfont.cn/collections/index

如果没有登录，请先登录（我一般用微博登录），如果没有注册，按着 步骤注册就可以了，登录完成就可以走下边的步骤

第一步：选中你需要的图标，点击添加购物车，添加之后再点击上边的购物车，步骤如下图所示