Iconfont:阿里巴巴矢量图标库,设计师与开发者的高效协作平台,为设计师和开发者提供了一个强大的工具,它不仅拥有海量的原创图标资源,还支持多种格式的下载和灵活的编辑功能,极大地提高了工作效率。
Iconfont 是由阿里巴巴集团用户体验设计部(MUX)倾力打造的矢量图标管理与交流平台。自上线以来,它已经成为国内领先的图标资源库,拥有超过 30,138,822 个图标资源,涵盖了从通用图标到行业特定的丰富类别。无论是设计师还是开发者,都能在这里找到所需的图标资源。
1. 海量图标资源
- 通用图标:如搜索、菜单、设置等常用图标。
- 行业图标:如电商、金融、教育、医疗等行业特定图标。
- 多色图标:支持多种颜色的图标,满足不同设计需求。
- 矢量插画:提供高质量的矢量插画资源,适用于各种设计场景。
- 3D 插画:提供3D效果的插画资源,为设计增添立体感。
- Lottie 动效:提供动态图标和动画效果,适用于需要交互效果的项目。
- 字体库:提供多种字体资源,包括阿里妈妈·智造字等。
2. 自定义下载
- AI:Adobe Illustrator 格式,适合设计师进行进一步编辑。
- SVG:矢量图形格式,适合网页设计和开发。
- PNG:位图格式,适用于需要固定分辨率的场景。- 代码:支持将图标转换为字体格式,便于前端开发者直接在代码中使用。
3. 项目协同
- 创建项目:用户可以创建项目,并将图标添加到项目中。
- 成员管理:支持添加团队成员,成员可以下载和使用项目中的图标。
- 代码集成:前端开发者可以直接将图标添加到代码中,方便开发和维护。
4. 设计与开发的无缝对接
- 设计师:可以上传自己的图标设计,进行管理和分享。
- 开发者:可以直接将图标转换为字体,通过代码调用,实现高效开发。
支持关键词模糊搜索,可以搜图标搜用户,中文 / English / Pinyin 无缝互译
下载详情页:可查阅icon归属图标库与作者,多色图标支持分路径改色,下载图标自动保存最近使用的颜色
购物车:将图标加入购物车后,可以批量下载素材和代码、批量添加至项目
支持单个或批量上传多个icon、支持单色/多色icon同时上传、支持图标自定义配置标签
图标库是一系列相关图标的集合,由图标上传者创建,需通过审核才可公开/加密访问 图标库分为官方图标库/自定义图标库/多色图标库
“项目”是帮助团队协同合作的共享模块,创建项目后,视觉同学上传icon,交互/产品同学可以⾃由下载图标,前端同学可以将图标以字体格式添加至代码,支持三种格式代码使用。
支持原创图标,尊重设计成果,在“用户”与“图标库”维度支持打赏,如果你喜欢哪位设计师,赶快去打赏吧~
1. 在sketch或AI等绘图软件中,绘制矢量图形。
2. 根据插画绘画规则,完成后将文件存储为svg文件。
3. 选择上传界面后,点击右侧的“上传插画”按钮,上传绘制好的插画svg文件。
闭合:图形需要封闭,不能有出现未闭合图形
合并:如果有两个以上图形,或者有布尔关系的图形,请对图形合并并且扩展
大小:在限定边框内绘制完成图形,尽量撑满绘制区域,以16X16点阵作为对齐以及细节参考
节点:图形尽量减少节点使用,简化图形去除无用节点
填色:完成设计的图形需要填充相关的颜色,建议用纯色(不支持渐变)
轮廓化:将描边转化为闭合图形,选择要转换的描边,对象-路径-轮廓化描边
1. 下载原文件 图标制作模板.ai
图标在绘制时均以标准图标大小1024x1024px绘制,因为在制作成字体时文件需要 设置较高的清晰度,所以图标路径也需要等比例放大。
2. 设置图标大小
设计师可以直接将画好的图标路径复制到模版里,根据模板的辅助线,对图标 进行位置的调节,居中,四周等距,保证图标的统一。
3. 存储为svg格式(建议使用存储为svg,不要使用导出为svg)
存储为:位置:存储为:ai 规范 file .ai原文件Adobe IIIustrator (ai)IIIustrator EPS (eps)IIIustrator Template (ait)Adobe PDF (pdf)SVG 压缩 (svgz)SVG (svg)格式
4. 上传图标
将SVG文件拖拽至此,或点击上传
5. 命名图标及定义图标标签,完成上传
名称标签loading-通用-1按多色图标处理添加多个tag以逗号分开填充线性扁平
图标自定义下载:
支持AI/SVG/PNG/代码格式下载
支持按路径在线编辑icon颜色
项目协同高效合作:
创建项目后上传icon,成员下载使用图标
前端同学可将图标添加至代码
设计师交流分享:
我们提供一个原创图标共享、交流平台
尊重原创、尊重每个设计师
全局搜索:千万矢量图标素材,供用户使用,ppt设计、网站应用、无线展现
模糊搜索:支持关键词模糊搜索,可以搜图标搜用户,中文/English/Pinyin 无缝互译
分类搜索:根据用户自定义搜索,支持各种风格,单、多色图标分类搜索
插画使用:可下载不同格式的插画,png、svg格式下载,满足不同角色的使用场景。复制svg格式,一键快捷复制到sketch文件
插画库:插画库是一系列相关插画的集合,由绘制插画的上传者创建。插画库模块分成公开库和非公开库
多维素材:多元化的创意物料,多维度的创意设计
背景可变:创意素材不同角度变化,支持背景不同色彩自由搭配组合,变你所愿
动态展现:随心所欲地不同角度的立体动态展现
字体调节:在线编辑色彩、调节字体粗细、大小可调整
在线字体:文案内容可编辑,字体可选择,在线生成,不同参数自由设置
代码引用:字体选择,内容输入,线上地址一键引用
Iconfont 作为阿里巴巴集团倾力打造的矢量图标管理与交流平台,凭借其海量的图标资源、灵活的下载和编辑功能以及强大的项目管理能力,成为了设计师和开发者不可或缺的工具。无论是个人项目还是团队协作,Iconfont 都能提供高效、便捷的解决方案,帮助用户快速实现设计目标,提升工作效率。如果你正在寻找高质量的图标资源,Iconfont 绝对值得一试。
LoFi Cam 是一款充满复古韵味的数码胶片 CCD 相机软件,专为摄影爱好者与追求独特影像风格的人群打造。在如今高清、智能化摄影盛行的时代,它带你重温过去 CCD 相机拍摄的独特质感。
LoFiCam是一款主打CCD复古风格的相机应用,精准还原千禧年数码相机成像质感,提供胶片颗粒、低像素画质及老式屏幕显色效果,随手拍出怀旧氛围感大片,满足胶片迷的创作需求。
1MORE MUSIC是一款专为万魔智能蓝牙耳机所特别开发的耳机管理手机软件,在耳机管理、音乐播放和智能语音助手等方面都表现出色。内置的海量音乐资源和精心准备的歌单也让他们能够轻松找到自己喜欢的歌曲。
Cozy Timer以极简交互为核心,支持后台运行与锁屏显示,定时结束时通过震动、闪光或渐进铃声提醒,避免传统闹钟的突兀干扰。尤其适合睡前定时关闭音乐、视频等应用,帮助用户培养健康作息习惯。