在做网站的时候避免不了用到矢量图标库，什么是矢量图标库？自己百度吧… 之前图标用得比较少的时候就用bootstrap自带的icon就是Glyphicons，这个我感觉就是那种很经典的，什么关闭，打开，搜索之类的（其实挺多的）

后来图标用得多了之后用阿里得iconfont ，其实我感觉就是开源的图标库，里面的图标超级多，主要是因为，它算是一个平台给每个人都可以创作并上传，所以很多，但是还是满足不了自己个性化，或者自定义的图标

有时候并不是需要那种很复杂的，就是很简单，很清爽的，然后在阿里的iconfont没找到自己想要的，所以我就开始自己画

用到的工具：ai和一个阿里的iconfont账号

我的ai都是当天装的，正式版的好像要钱，我就直接装绿色版的（大家懂的）。

步骤一：下载软件 下载一个ai，我下载的是绿色和谐版的，不要钱，功能好像比正式的少一点（网上说的），但是对于我们这种不是专业搞美工的够了我感觉。 我的ai打开长这样

步骤二：下载模板 打开阿里的iconfont，进入帮助里的图标绘制，往下翻，找到图标制作模板，下载下来。

步骤三：打开模板 下载下的模板直接打开，在里面画就好了。注意如果第一次打开应该默认是100%打开的，你可能找不到面板，调整左下角的百分比，大概调为50%-30%差不多。

步骤四：画图 开始画。左边的工具栏里有一些工具右下角是有一个三角形的，那种就是 里面放了好几个工具，鼠标左键按下停留2秒左右，就会出现其余的收起来的工具。别问我为啥知道，我找圆形工具找了半天才搞懂。

其实那些工具基本都有快捷键的，第一次用可以记下常用的一些工具，比如 选择工具是v，矩形工具m，直线段工具 \ ，之类的，方便操作。 然后缩放是alt+鼠标滑动，左右滑动是ctrl+鼠标滑动。类似的快捷键很多，我第一次用感觉就这些很常用，特别是v，你在用完一个工具之后，直接点v可以避免继续该工具的继续操作。

还有这个，描边和填充的颜色？自己体会就好了。一般描边6pt就能在正常的网页看到挺细的线条，这个根据自己的需求。 超级重要的一步：轮廓化描边。 当然：阿里的iconfont里也说了这个是必须的，绘制规则里的都是必须的。

这个是我自己画的一个手表的图标（模仿华为官网的）

步骤五：上传+引用

画完之后就是把它另存为svg格式的文件，然后 打开 资源管理->我的图标->上传,直接拖上去，就可以看到了，然后直接下载svg放到网站上看下是不是自己想要的，线条大小什么的都可以继续调整。

总结：大概的步骤应该就是这样子，适用于初级选手，就像我这样的，因为也搞了一会，也没啥教程，就自己写了。