如何拥有一个自己的图标库

前言

每一个有梦想的前端打工人，都应该有一个属于自己的组件库（可以不用，当就是要有），组件库中反复使用的那一定有图标库的一席之地。本文教大家如何快速的拥有一个图标库。看效果

这是我做的组件库 Homepage 主页 | Carpediem (hewkq.top)，如果有什么功能想知道怎么实现的可以来评论下，勿喷！！！

方法一

适用于自己不会设计，也没有钱，还想快速的拥有白嫖的图标库。那一定要试试阿里巴巴矢量图标库（iconfont-阿里巴巴矢量图标库）了。

1. 新建一个项目

只要填写项目名称和项目描述就行了

2. 找到自己满意的图标 添加入库

3. 然后点击右上方的购物车

4. 选择使用的项目

5. 点击生成代码，然后复制代码到要使用的项目中

6. 使用

方法二

适用于不想大众化，又有点小钱（5块，1800幅图，淘宝梦想实现的地方）。

ByteDance IconPark (oceanengine.com)这个也是一个可以下载.svg格式图片的网站

1. 花点小钱购买或下载.svg图片
2. 选择自己喜欢的，然后上传到阿里巴巴矢量图标库
3. 如果上传出现空白的话，不要慌。使用AI不是PS打开.svg图片，然后不要选择导出，而直接保存图片，最后再上传到阿里巴巴矢量图标库就可以了。
4. 然后就是重复方法一的步骤了

如果你觉得这样有点复杂也是可以直接使用.svg图片， .png、.jpg图片怎么用，它就怎么用

结语

图标的来源问题解决了，那自己制作一个图标库，往上再做一个组件库那不是简简单单。