阿里巴巴矢量图标库做平面设计，或者做网页设计，都会用到各种图标。比如，用户名旁边会放一个用户图标，这些图标都是设计者亲自操刀设计出来的吗？不是的，那是怎么弄来的

阿里巴巴矢量图标库做平面设计，或者做网页设计，都会用到各种图标。比如，用户名旁边会放一个用户图标，这些图标都是设计者亲自操刀设计出来的吗？不是的，那是怎么弄来的呢？到网站里去找，我们会找到各种各样的图标，这里不得不说，阿里巴巴为我们做了不少贡献。到网络里搜阿里巴巴矢量图标库，我们就会搜到一个官方网站，这个网站里有很多图标。

打开阿里巴巴矢量图标库首页，选择你心仪的库，这里可以随便选择，可以组合的。选择具体图标，添加入库。右上方，点击库查看已经入库的图标，并添加至项目。也可以直接下载，点击下载素材，选择颜色，格式(SVG、AI、PNG)，完成下载。添加至项目后，可以在图标管理>我的项目中查看已经添加的图标。首先在Iconfont阿里巴巴矢量图标库上面点击需要的图标加进购物车，加入“暂存架”，选择完所有要用的图标后“存储为项目”，给它命名。

下载图标1由于度娘限制，自己百度下载地址吧~输入“阿里巴巴矢量图标库”百度搜索第一位就是啦2打开网址，你可以选择右上角的搜索，搜索自己要的图标，例如美女3也可以选择去图标库自行选择想要的图标4选择图标，点击图标变成橘色，即放在暂存架5再次点击即可取消，或者在暂存架中鼠标滑过图标，图标右上角有删除小按钮也可删除选中6选择好要用的图标后，点击暂存架的下载至本地，解压待用END项目引用1打开解压的文件夹中的demo.html2我们下载的图标可看到了吧，按照demo的步骤，下面我们配置ionic的项目3静态文件存放目录，新建font文件夹用来存放字体文件（可自定义存放）4css使用fontface声明字体5css定义使用iconfont的样式6挑选相应图标并获取字体编码，应用于页面就可以显示图标啦ENDTab及其他标签引用图标1大家发现，Ionic的图标只要加个类似ionhappyionXXX的class就可以应用相应的图标，那么我们怎么用阿里巴巴的矢量图标呢，不要急也有办法打开直接解压的图标文。

FontAwesome是一套专门为TwitterBoostrap设计的图标字体库。这标字体集几乎囊括了网页中可能用到的所有图标，除了包含TwitterBoostrap的默认图标外，还有社交收集图标、Web应用法度图标和编辑器图标等等，可以免费用于贸易项目，可以到官方站点查看更具体的信息和应用样例。