本文主要记录Iconfont-阿里巴巴矢量图标库的使用。

Iconfont-阿里巴巴矢量图标库地址:​​Iconfont-阿里巴巴矢量图标库​

Iconfont提供以下功能:

  • 在线图标搜索
  • 图标分捡下载
  • 在线储存
  • 矢量格式转换
  • 图标库管理

Iconfont-阿里巴巴矢量图标库使用的优势:

  • 自由变化大小(高清屏无压力)
  • 自由修改颜色(纯色)
  • 可以添加一些视觉效果:阴影、旋转、透明度等

官方功能介绍:​​Iconfont-阿里巴巴矢量图标库功能介绍​

Iconfont-阿里巴巴矢量图标库的使用_ico

登录方式包括Github登录和微博登录;

 

 

 Iconfont-阿里巴巴矢量图标库的使用_项目管理_02

 

 搜索支持英文、中文、拼音;

Iconfont-阿里巴巴矢量图标库的使用_项目管理_03

 

 Iconfont-阿里巴巴矢量图标库的使用_搜索_04

 

 鼠标放置到图标上会有添加到购物车、收藏、下载三个选项;

Iconfont-阿里巴巴矢量图标库的使用_项目管理_05

 

 添加到购物车后就可以批量下载素材,并且支持批量修改属性;

Iconfont-阿里巴巴矢量图标库的使用_项目管理_06

 

 也可以在购物车添加至项目,用于项目管理,可以新建项目以及选择新建好的项目;

Iconfont-阿里巴巴矢量图标库的使用_ico_07

 

 在项目管理里可以直接引用在线链接;

Iconfont-阿里巴巴矢量图标库的使用_搜索_08

 

 共有三种样式可以引用:

Iconfont-阿里巴巴矢量图标库的使用_搜索_09

 

 Iconfont-阿里巴巴矢量图标库的使用_搜索_10

 

 Iconfont-阿里巴巴矢量图标库的使用_搜索_11

 

 图标样式丰富,还适用于PPT的制作。

Iconfont-阿里巴巴矢量图标库的使用_ico_12

 

 这篇文章暂时到此为止。阿里巴巴的图标库使用到项目中稳定而且速度快,这么好的东西赶紧拿小本本收藏起来吧!