IconPark图标库

IconPark 是字节跳动开源的一款图标库，官网在 iconpark.oceanengine.com。它把图标做成了可调参数的形式，线条、配色、大小都能改，还能一键生成 React、Vue 或纯 SVG 的代码，开发拿过去直接就能用。

IconPark图标库能帮上什么忙

• 海量图标按需取:分类细、数量可观，界面里常用的小图标基本都覆盖得到。

• 参数化改样式:线条粗细、颜色、大小都能在站内直接调，不用再回设计软件。

• 生成代码交付:选好图标一键导出 React、Vue 或 SVG 代码，开发省事。

• 风格统一:同一套图标库调出来的图形风格一致，界面不会花。

IconPark图标库适合谁来用

做中后台、做企业应用的开发者，项目里图标多又追求统一，用这种开源库接进来最省事。前端工程师能直接拿组件代码用；独立开发者和做小程序的，从免费的开源库里取图标，既省成本又不用担心授权。

跟 FontAwesome、HDL0GO 比,IconPark图标库 不一样在哪

• 和 FontAwesome 比:FontAwesome 以整套字体图标闻名、生态成熟，IconPark 胜在参数化调整和中文文档齐全。

• 和 HDL0GO 比:HDL0GO 偏向品牌 Logo 图形，IconPark 专注界面里通用的功能图标。

• 共同点:都提供开源、可商用的矢量图标，能接进前端项目直接用。

IconPark图标库怎么开始用

• 进站搜图标:按关键词或者分类找到需要的图标，先在线把样式调好。

• 接组件库:在项目里装官方的组件包，用代码方式引用图标。

• 或直接导代码:也能一键复制 SVG 或框架代码，粘进项目里用。

常见问题

Q1. IconPark 收钱吗?
A: 不收，它是开源项目，图标和代码都可以免费使用，也是字节跳动对外开放的一套设计资源。

Q2. 能商用吗?
A: 开源许可通常允许商业使用，用在产品里一般没问题。稳妥起见，正式上线前把项目的开源协议确认一下。

Q3. 支持哪些框架?
A: 官方提供 React、Vue 等前端框架的组件用法，也能导出纯 SVG。做原生或者小程序的项目，直接取 SVG 代码即可。

Q4. 图标能改颜色和粗细吗?
A: 能，站点里就能调线条粗细、颜色和尺寸，调好之后再导出。导出的代码里这些参数也能随时改。

Q5. 图标数量够用吗?
A: 覆盖的分类比较全，常见的界面图标基本都能找到，中后台这类图标密集的项目也够用。