使用自定义elementui图标

前言

在做vue+elementui项目时，有时会遇到自定义icon的情况。但element icon数量不多，可能找不到需要的。
这时我们可以自定义icon，同样通过类来引用。

首先

我们先下载好需要的icon，具体过程可以去iconfont下载。

image.png

注意：上传的图标一定是svg格式的

下载好之后解压

将这几个文件加入到我们的项目中。在iconfont.css页面可以修改图片类的名称，方便引用。

image.png

在main.js或者你需要的模块里引入iconfont.css文件

image.png

最后，使用

image.png

这里的类名参考iconfont.css文件里的类名

image.png