网址：iconfont-阿里巴巴矢量图标库

超简单！再不会引入就过分了哈!

一、单色图标引入

1、选择需要的图标

2、创建新项目、添加至该项目、下载到本地

3、将压缩包解压到自己的代码文件夹中

4、在html中link引入并回到网址上复制图标代码

 

5、以i标签和iconfont类名作为载体（固定的）、可以在css中修改图标基本样式

 

<i class="iconfont icon-xxx"></i>

 

 效果图：

二、多色图标引入

1、前两个步骤一致、选择需要的多色图标、添加至项目中

2、使用symbol类型下载至本地、并将解压后的文件放入代码文件夹中

3、引入js文件、通用css样式、图标代码

效果图：

 

3.1通用css样式（固定的）

  <style>.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style>

 3.2svg标签

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-makalong"></use></svg>

总结：就这个简单 如果还不懂iconfont有更全面的教程