IconPark

一、IconPark是什么

IconPark是字节跳动巨量引擎推出的开源矢量图标平台，由字节CUX设计团队开发维护，采用Apache-2.0开源协议，官方基础图标资源支持免费商用。

平台内置2600+基础矢量图标，划分29个图标分类，覆盖办公、图表、医疗、交互、表情、方向符号等互联网产品高频场景。该图标库已经作为底层组件，在字节多条商业化产品线落地使用，保障产品图标风格统一。核心亮点是一套SVG源文件，可生成线性、填充、双色、四色4套风格，大幅减少图标素材维护成本。

二、产品功能

1. 图标检索与预览：支持中英文关键词检索，按分类筛选图标，网页端实时预览4种主题样式，快速挑选适配项目的图标。

2. 在线可视化自定义：选中图标后，在线调整线条粗细、颜色、尺寸、端点类型、拐点圆角，实时预览修改效果，所见即所得。

3. 多格式导出与代码复制：支持下载SVG、PNG图片，一键复制SVG源码；同时可直接复制React、Vue2、Vue3组件代码，前端直接引入项目。

4. 项目管理与协作：支持创建项目文件夹、上传自定义图标，可添加协作者，分配权限，团队统一管理图标资产。

5. 开发集成能力：提供NPM包，可在前端工程化项目中安装引用；配套Figma插件，打通设计稿到开发的链路。

6. 插画资源：附带空状态、占位类插画素材，满足页面缺省场景的视觉设计需求。

三、产品特色

• 单源多风格：只维护一套原始SVG，一键切换线性/填充/双色/四色四种样式，不用分别保存多套图标文件，减少素材冗余。

• 风格高度统一：全部图标基于48×48网格规范绘制，线条、圆角、视觉权重标准一致，整套图标放在界面上不会出现风格割裂。

• 设计开发一体化：设计师在线调样式，开发者直接复制组件代码，设计稿和前端代码图标保持一致，降低还原偏差。

• 轻量开源：开源仓库托管在GitHub，代码轻量化，无冗余数据，适配Web、小程序、移动端APP等多端场景。

• 中文友好：图标附带中文名称，国内用户检索更便捷。

四、使用方法

1. 打开IconPark官网，进入图标库主页。

2. 通过搜索框输入关键词，或者左侧分类筛选，找到需要使用的图标。

3. 选中图标，在右侧面板切换四种主题，并调整线条粗细、颜色、尺寸等参数，实时预览效果。

4. 根据身份选择输出方式：

• 设计师：下载SVG/PNG图片，或者复制SVG源码，导入Figma、Sketch等设计工具。

• 前端开发：直接复制React/Vue组件代码；或者使用NPM安装对应组件包，在项目中导入使用。

• 团队场景：新建项目，上传自有图标，邀请成员协作，统一管理项目图标资产。

五、适合人群

人群	使用场景	核心价值
UI设计师	网页、APP、后台系统界面设计，原型图制作	在线快速调图标样式，整套图标风格统一，减少素材制作时间
前端开发工程师	Vue、React项目开发，小程序开发	直接复制组件代码，NPM一键安装，SVG矢量无模糊
产品经理	产品原型、需求文档、PPT演示	快速找图标，导出PNG用于原型和文档配图
独立开发者/个人创业者	个人网站、小程序、小工具开发	免费商用，无版权风险，轻量化引入
设计团队	企业产品图标资产统一管理	项目协作功能，多人维护一套图标库，保持全产品视觉规范

六、竞品对比

产品	开发主体	核心特点	短板
IconPark	字节跳动巨量引擎	单SVG源切换4种风格，图标视觉规范统一，提供前端组件代码，支持团队项目协作	图标总量少于Iconfont，自定义上传协作功能需要平台许可
Iconfont	阿里巴巴	海量图标资源，素材种类极丰富，支持图标打包、字体图标生成，中文检索成熟	图标来自大量创作者，风格参差不齐；部分第三方图标版权需要单独确认，不支持一键多风格切换
Tabler Icons	独立开源团队	图标数量庞大，MIT协议开源商用，适合后台管理系统，线框图标体系完善	以线性图标为主，风格单一，没有前端组件代码，缺少国内团队协作管理功能

七、收费价格

IconPark官方基础图标库资源免费开放，遵循Apache-2.0协议，个人与商业项目均可免费商用，下载图标、复制代码、基础预览功能无需付费。

平台额外的项目协作、自定义图标资产管理、拓展许可等增值服务，按照官网公示方案收取费用，可根据企业团队需求选购拓展许可服务。基础开源图标资源不受增值服务影响。

八、常见问题解答

Q：IconPark图标商用是否有版权风险？

A：IconPark官方基础图标采用Apache-2.0开源协议，允许个人和商业项目免费使用，可修改图标，不需要额外署名。但平台用户自行上传到项目内的图标，版权由上传方负责，使用第三方上传素材需要确认授权。

Q：IconPark支持哪些前端框架？

A：原生支持React、Vue2、Vue3组件，同时可以直接导出原生SVG文件，能够用于任意前端框架、小程序、静态网站。

Q：下载的SVG图标可以二次修改吗？

A：可以。Apache2.0协议允许对SVG图标进行修改、调整颜色、线条等，修改后的图标依旧可以商用。

Q：IconPark需要注册账号才能下载图标吗？

A：基础图标预览、下载SVG/PNG、复制代码，无需注册账号；如果需要使用项目管理、团队协作、上传自定义图标等功能，则需要注册登录账号。

Q：IconPark和Figma如何联动？

A：官方提供Figma插件，在Figma内直接检索、插入IconPark图标，在线调整样式，打通设计工具。

九、神器阁测评

IconPark是国内大厂出品、兼顾设计规范与前端工程化的矢量图标平台。它最大优势是一套源文件生成4种图标风格，解决多风格图标维护麻烦的痛点，图标整体视觉统一，同时提供开箱即用的前端组件代码，打通设计到开发流程。

适合Web后台、APP、小程序等产品项目，设计师和前端都能高效使用。基础图标资源免费商用，个人项目、中小企业都可以放心使用；如果需要多人团队管理图标资产，可选购平台拓展协作服务。

如果你的项目需要大量风格统一的界面图标，希望减少素材维护成本，IconPark是非常优质的选择。