不知道大家平时从哪里获取小图标，矢量图等。小编呢通常是从iconfont上获取图标，大家一搜就出来了。在这之前小编都是下载到本地，保存为png文件使用的，其实还有一种方式，可以在线使用的。下面小编就说下具体的操作步骤：
首先登陆iconfont，使用github以及微博登录都可以。
登录之后找到自己想要的图标，点击添加到购物车（虽然叫购物车，但是是免费的哦）

然后点击右上交购物车图标，然后会弹出添加到项目，如果没有的话可以新建项目

新建项目后，可以管理项目

点击跟多操作修改项目前缀，不能为 el-icon- ，因为这个可能会和Element-UI自带的图标重合

然后点击Font class，在点击，查看在线链接，然后复制生成的链接就可以了。需要注意的是：每次新增或删除，特别是新增如果要引入新增的图标，要重新生成CSS文件，这时候需要把新生成的CSS文件链接重新在 App.vue 中引入，替换掉原来的链接。

然后在项目的APP.vue中引入，这时我们就可以通过class="iconfont el-icon-mo-xxx" 的方式在项目中使用引入的第三方图标了。

如果想要去掉 iconfont 这个类直接用 el-icon-mo-xxx 来使用图标的话我们还需要这么使用（链接换成自己的）：

<style>
  @import "//at.alicdn.com/t/font_2209515_4j5tnkfc104.css";

  [class^="el-icon-mo"], [class^=" el-icon-mo"] {
    font-family: "iconfont", serif !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
</style>