使用阿里巴巴矢量图标库下载所需的小图标

  1. 阿里巴巴矢量图标库官网:点击打开链接
  2. 在官网注册一个账号登录进去,或者直接用github账号,qq账号等;
  3. 在这里搜索你需要的图标:   
  4. 将搜索到的图标加入购物车,点击购物车 
  5. 点击“添加至项目”,然后点击确定使用阿里巴巴矢量图标库下载所需的小图标_第1张图片
  6. 在项目图标页中,选择Font class,点击更新代码使用阿里巴巴矢量图标库下载所需的小图标_第2张图片
  7. 点击更新代码之后会生成新的icon图标的css地址,复制这个地址在浏览器中打开,然后全部复制css代码替换掉原来的icon.css中的代码。这样在使用的时候只需要添加图标相应的class就OK了。

   使用阿里巴巴矢量图标库下载所需的小图标_第3张图片

你可能感兴趣的:(使用阿里巴巴矢量图标库下载所需的小图标)