IconPark图标库

IconPark图标库简介

IconPark 图标库是由字节跳动设计并开源的矢量图标样式的图标库产品，可以实现根据单一SVG源文件变换出多种主题，具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源，让大多数设计师都能够选择适合自己的风格图标，并支持把图标源文件导出为React、Vue2、Vue3SVG多种形式的组件代码，打通 Design to Code 链路，实现产品、研发、设计师一站式对接，使用更高效，换肤技术具备1项发明专利。

IconPark图标库特征：

• 图标数量与分类：收录了超过2658个高品质的矢量图标。涵盖29种图标分类，能满足不同场景的需求。

• 图标风格与主题：IconPark图标库支持多种风格，包括线性、填充、双色和多色主题，用户可以通过单一SVG源文件轻松变换图标主题，实现图标风格的统一和多样性。

• 自定义功能：IconPark的一大亮点是其强大的在线自定义功能，通过使用SVG 边框属性确保了最大范围的样式灵活性。 你可以在线去更改颜色、大小、线框宽度、端点类型、拐点类型等属性。这种定制能力使得图标数量理论上可达到数万级。

• 技术支持与兼容性：IconPark图标库不仅适合非技术背景的用户，如UE、UI设计师、产品经理和运营人员，也受到技术开发者欢迎，支持React、Vue等前端框架，并提供NPM包，方便按需加载和调用组件代码。图标可导出为SVG、PNG等格式，适用于Web、移动端及各种设计项目。

• 下载与使用：用户可以在IconPark网站上直接选择图标，调整样式后下载SVG、PNG格式，或复制React、Vue的代码片段直接用于项目中。图标选择支持批量操作，方便管理与下载。

• 开源与授权：基于Apache 2.0开源协议，IconPark图标库免费供个人、团队和企业使用，无论是商用还是非商用，都无需额外费用，所以不管您是设计师还是开发者，都可以在您的项目中去使用IconPark.。

IconPark图标库使用方法：

• 图标查找: 用户可以通过左侧菜单选择图标类别或使用搜索框查找。

• 图标预览: 每个图标都有预览、中文说明和英文名称。

• 调整工具: 右侧提供调整图标大小、线条粗细、风格颜色的工具。

• 批量操作: 用户可以勾选图标进行批量下载或复制代码。

• 预览模式: 可切换不同预览模式以便查看图标效果。

IconPark用户

• UE、UI、PM 、运营等非技术同学

• React/Vue/移动端等开发者

• 第三方设计网站/建站编辑器开发者

IconPark优势

• 高质量：提供超2600+高质量图标，免费使用，此处给我们勤劳的设计师们点赞~o(-v

• 多主题：根据单一SVG源文件变换多主题，包括:线框、填充、双色、多色，无需使用4种风格的SVG文件

• 跨平台导出组件代码：打通Design to Code，针对技术同学，可导出不同代码库，满足React/Vue/SVG/m移动端/小程序等多种开发场景使用。

IconPark由字节跳动的CUX设计团队维护，并在GitHub上开放源码，鼓励用户参与，并提供用户指南、代码库和反馈渠道。

IconPark致力于图标应用规范化、统一化，提供丰多样的高质量图标内容，满足批量配置图标样式的能力;同时满足多方技术团队通过接口调用图标资源，让图标使用变得更简单，更高效。

IconPark Github开源库：https://github.com/bytedance/IconPark