阿里iconfont

浏览:2次阅读

提醒:本文最后更新于 2026-05-24 05:31,文中所关联的信息可能已发生改变,请知悉!

iconfont 是由阿里妈妈 MUX 倾力打造的矢量图标管理交流平台,提供矢量图标下载、在线存储、格式转换等服务。

编辑

概述
iconfont 是由阿里妈妈 MUX 倾力打造的矢量图标管理交流平台,提供矢量图标下载、在线存储、格式转换等服务。

一、简介

iconfont 是由阿里妈妈 MUX 倾力打造的中国第一大且功能最全的矢量图标管理交流平台,提供矢量图标下载、在线存储、格式转换等服务。设计师将图标上传到 Iconfont 平台,用户可以自定义下载多种格式的 icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用,是一种通过字体文件构建纯色图的方案。

阿里 iconfont 官网:http://www.iconfont.cn/

二、特点

优势:矢量,可以随意调整图标大小,缩放到你想要的尺寸而不会发生失真、和文字一样的处理方式,方便调整颜色与大小等。

局限性:只可以做纯色图,但是现在扁平化的纯色图已经变得越来越多。在点点 iOS 客户端上已经有了广泛的应用,对应用体积压缩有很大帮助。

三、 功能介绍

1、支持关键词模糊搜索,可搜索图标或者用户,中文 / English / Ping yin 可以进行 无缝互译。

2、下载详情页:可查阅 icon 所归属图标库与作者,多色图标支持分路径改色,下载图标自动保存最近使用的颜色。

3、购物车:将图标加入购物车后,可以批量下载素材和代码、批量添加至项目。

4、支持单个或批量上传多个 icon、支持单色 / 多色 icon 同时上传、支持图标自定义配置标签。

5、图标库是一系列相关图标的集合,由图标上传者创建,需通过审核才可公开 / 加密访问 图标库分为官方图标库 / 自定义图标库 / 多色图标库。

6、“项目”是帮助团队协同合作的共享模块,创建项目后,视觉同学上传 icon,交互 / 产品同学可以⾃自由下载图标,前端同学可以将图标以字体格式添加至代码,支持三种格式代码使用。

7、支持原创图标,尊重设计成果,在“用户”与“图标库”维度支持打赏,可以为喜欢的设计师打赏。

四、图标绘制

1. 下载原文件 图标制作模板.AI 图标在绘制时均以标准图标大小 16x16px 绘制,因为在制作成字体时文件需要 设置较高的清晰度,所以图标路径也需要等比例放大。

2. 设置图标大小设计师可以直接将画好的图标路径复制到模版里,根据模板的辅助线,对图标 进行位置的调节,居中,四周等距,保证图标的统一。

3. 另存为 svg 格式存储为: 位置: 存储为:ai 规范 file .ai 原文件 Adobe IIIustrator (ai)IIIustrator EPS (eps)IIIustrator Template (ait)Adobe PDF (pdf)SVG 压缩 (svgz)SVG (svg) 格式

4. 上传图标 将 SVG 文件拖拽至此,或点击上传

5. 命名图标及定义图标标签,完成上传 

正文完
 0
douyc
收录声明:网站收录文章,由 douyc 于2017-11-04整理,共计1138字。
转载说明:文章来源于网络收集,如侵权请联系我们删除有关信息.