Element UI 是目前流行的一款前端UI工具 。它能配合Vue这个流行的前端框架 。安装使用也简单：npm i element-ui -S即可 。不过美中不足的是自带的图标集合不够用，图标太少了 。今天刚好碰到这个问题，现在来分享一下如何在Vue Element中使用阿里云矢量图标库 。
element 自带图标库
一，注册阿里云图标库Iconfont，过程自行百度 。
二，创建项目
三，添加图标到项目：首先在首页搜索需要的图标，然后添加到购物车，接着添加到指定的项目
四，下载图标文件
五，将文件解压，复制到Vue项目：我是在Vue项目的src-assets下创建了icon文件夹，将所有的文件复制了过来
六，修改其中的iconfont.css文件：这里以引用icon-shouye图标为例
七，复制阿里云图标库中的所选图标的代码
八，重新编译Vue项目：npm run dev
九，引用图标：这里以我的el-button为例：
【免费icon素材图标推荐 阿里云icon图标】对比，这个小房子的图标是阿里云图标库的，在element自带的图标库并没有，至此，引用成功 。
推荐阅读
- 在线logo生成软件有哪些，4个免费logo制作工具推荐
- 怎样推广淘宝网店，免费推广淘宝产品的30方法
- csgo是免费的吗
- 做小程序需要学什么，一键免费生成微信小程序教程
- 电视剧琉璃无删减版在线观看 琉璃电视剧免费观看完整版在线观看
- 什么软件可以免费聊附近人 找附近人的免费聊天软件
- 怎么下载ps免费版
- 出租魔法使之至上血统小说txt全集免费下载
- 为什么银行愿意免费办理ECT
- 如何建立网站，免费搭建个人网站教程