icon矢量图标

阿里妈妈：阿里矢量图标库

自定义：https://icomoon.io/

iconmoon的使用方法：打开首页，点击首页右上角的iconMoon App

1、可以使用iconmoon提供的小图标

2、上传自己制作的SVG图片制作小图标，方法：点击左上角的

Import Icons的按钮，选中需要的SVG文件，上传到iconmoon的网站，然后点击选中上传的小图标，下图第一个是选中状态，后面的是未选中状态。

选中后点击页面右下角的Generate Font，生成图标字体，接下来点击右下角的Download按钮，可以下载一个压缩文件

下载之前，也可以点击页面左上方的Preferences设置生成图标字体的一些属性，例如文件夹前缀等。

解压下载之后文件,可以打开demo.html预览

使用的时候只需要拷贝style.css以及fonts文件夹即可，若是文件路径有变动，需要在。css文件里进行修改。

在不同地方应用：

❤若在普通的html里面用，直接将fonts以及style.css文件放到合适的路径下，然后可以在需要使用的地方，将类名直接写到标签里即可，这个类名都是自动生成的，在download那一步就可以查看

<i class="icon-keyboard_arrow_right"></i>

❤在vue里面使用，首先要在main.js以及需要使用的组件中引入css文件：

main.js中就像引入其他文件一样：

组件中：

引入之后使用的方法和第一种就是一样的了（切记，如果文件路径变了，一定要将.css文件里面的路径修改哦，前面已经提到了，不要踩坑啊~~~）