Iconfont是由阿里巴巴MUX倾力打造的矢量图标管理、交流平台。 IconFont这个英文名字翻译过来就是图标字体,主要为icon设计师们量身打造,专注于原创图标设计,具有轻松、简洁、灵巧的特点。使原本繁杂的图标变得井然有序,集图标搜索、下载、上传、管理等多项功能于一体,同时还能够将图标转化为字体应用,能够大大提高工作效率。
Iconfont软件功能
1、上传:支持单个或批量上传多个icon、支持单色/多色icon同时上传、支持图标自定义配置标签
2、下载详情页:可查阅icon归属图标库与作者,多色图标支持分路径改色,下载图标自动保存最近使用的颜色
3、购物车:将图标加入购物车后,可以批量下载素材和代码、批量添加至项目
4、项目管理:“项目”是帮助团队协同合作的共享模块,创建项目后,视觉同学上传icon,交互/产品同学可以?自由下载图标,前端同学可以将图标以字体格式添加至代码,支持三种格式代码使用。
5、图标库:系列相关图标的集合,由图标上传者创建,需通过审核才可公开/加密访问图标库分为官方图标库/自定义图标库/多色图标库
6、搜索:支持关键词模糊搜索,可以搜图标搜用户,中文/English/Pingyin无缝互译
Iconfont软件亮点
1、也可以选择0×80类型的比例
2、可以统一所有图标的尺寸
3、允许您选择office类型的图标保存
4、支持一个图标库参数调试界面
5、支持一个保存在图标库的功能
6、支持八种ico比例设置,可以选择16×16
7、也可以选择ART艺术类型的图标保存
Iconfont软件特色
1、以字体形式进行复用
2、添加项目的图标,可以生成在线链接
3、支持AI/SVG/PNG/代码格式下载
4、尊重原创,尊重每个设计师
5、前端同学可以将图标添加至代码
6、支持按路径改变icon颜色
7、创建项目后上传icon,成员可以下载图标
8、我们提供一个原创图标共享、交流平台
iconfont图标绘制教程
1. 下载原文件 图标制作模板.AI
图标在绘制时均以标准图标大小1024x1024px绘制,因为在制作成字体时文件需要 设置较高的清晰度,所以图标路径也需要等比例放大。
2. 设置图标大小
设计师可以直接将画好的图标路径复制到模版里,根据模板的辅助线,对图标 进行位置的调节,居中,四周等距,保证图标的统一。
3. 另存为svg格式
4. 上传图标
将SVG文件拖拽至此,或点击上传
5. 命名图标及定义图标标签,完成上传