如何生成你自己的icon 图标库

前言：以前用那些ui框架，里面的图标都是icon，传统的png jpg无法直接用，当时直接用了img标签定位上去，这段时间自己在封装一个组件库，不可避免了又碰到了这个问题。通过网上简单的学习了下 发现真的比较简单，在这边分享一下。

1.创建icon.scss文件（css,less都可以）

今天如 阿里巴巴矢量图标库 选择图标

2.选择你需要的图标添加到购物车

未登录的等下下 未创建项目的创建一个新项目

3.第一次进来添加的时候是没有提示更新代码的

选 Font class 然后查看在线链接

之后每次直接更新就完事了

4.复制链接直接在浏览器打开，然后粘贴进icon.css中

5.最后将icon.css 放到项目目录里就行了，在入口js中 引入下