阿里矢量库的图标使用教程（在线，下载）

方法一：使用在线链接

1. 登录/注册账号

2. 选择看上的图标，鼠标悬浮，点击购物车
   

3. 点击导航栏上购物车图标，查看购物车

4. 将购物车中的图标添加至项目，若无项目，则新建项目
   

   5. 在项目库中看到自己的图标，选择 font class 方式，并点击“查看在线连接”，然后点击生成代码
      

5. 点击复制代码，会得到 //at.alicdn.com/t/font_2933398_9eu14vuyrsu.css，在html中加上https:使用
   

6. 在html中使用link的方式

7. 鼠标悬浮图标上，复制代码，得到该图标的类名 icon-bumengaikuang 在标签上再加上类名 iconfont 使用。一般用 i 标签、span标签都行。

<link rel="stylesheet" href="https://at.alicdn.com/t/font_2933398_6teph59hevw.css">

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

9. 若要对样式进行修改，则在css中直接对 图标类名icon-bumengaikuang进行修改即可。
10. 当项目中的图标增多时，使用最新生成的链接。

方法二：下载图标

1. 悬浮在看上的图标，选第三个，下载。

2. 选择合适的颜色，合适的大小。大小单位是px，同字体设置。

4. 选择合适的格式下载。
   1. 选择复制svg代码时，直接粘贴到html目标位置即可。
   2. 选择图标格式时，按照引入图片的方式引入html即可。