1.打开阿里icon，注册 >登录>图标管理>我的项目
新建项目
项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：el-icon)重名了。
设置完，点新建
现在我们返回阿里icon首页，点进去你想要的icon库，因为没有批量导入购物车，所以一般情况下需要一个一个去点，太浪费时间，那么请在控制台输入以下代码，批量导入
var icons = document.querySelectorAll(‘.icon-gouwuche1‘); var auto_click = function(i) { if (i < icons.length) { setTimeout(function() { icons.item(i).click(); auto_click(i + 1); }, 600); } }; auto_click(0);
点页面上的购物车
把图标都添加到刚才创建的项目里
[class^="el-icon-ali"], [class*="el-icon-ali"] { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
这里的 el-icon-ali 是我自己起的icon前缀名。
<link rel="stylesheet" href="//at.alicdn.com/t/font_937408_7hvsv5fqxr.css"/>
我是在index.html里面引用的。放在前面
import ‘@/assets/iconfont.css‘ // global css
<el-button type="primary" icon="el-icon-ali-youhui">搜索</el-button>
原文：https://www.cnblogs.com/cx850116/p/10025515.html