做界面、做 PPT、做公众号配图,图标永远不够用。IconPark 是字节跳动开源的一套矢量图标库:2600+ 个基础图标、29 个分类,全部免费,打开网页就能用,不用注册。

一个图标,4 种风格一键切换
IconPark 最特别的设计是「主题驱动」:同一套 SVG 只靠 fill(填充)和 stroke(描边)两个属性,就能变出 4 种主题——线性(Outline)、填充(Filled)、双色(Two-tone)、多色(Multi-color)。选好图标后在线调整大小、颜色、线条粗细和端点样式,右侧实时预览,满意了直接复制代码或下载文件。

设计师:在线调完直接拿走
- 29 个分类、关键词搜索,找图标不费劲
- 在线调大小、颜色、线宽、端点和拐点,所见即所得
- 一键复制 SVG 代码,或直接下载 PNG / SVG
- React、Vue 组件代码也能直接复制,设计稿和代码用同一套图标
工程师:npm 一行引入
仓库提供了完整的组件包:@icon-park/react、@icon-park/vue、@icon-park/vue-next、@icon-park/svg,纯 SVG 字符串版本也有。每个图标还附带 icons.json 元数据(名称、作者、分类、标签、创建时间),方便做二次开发。
授权:Apache 2.0,免费商用
IconPark 在 Apache 2.0 协议下开源,个人和商业项目都能免费使用。GitHub 上已有 9000+ Star,字节内部 12 条商业产品线都在用它做底层图标,风格统一有保障。
图标从站里导出成 PNG 后如果体积偏大,可以参考这篇《2026 Mac 图片压缩工具横评:9 款主流工具对比》压一下;做网站时如果缺整套 UI 资源,之前整理的《从0搭建个人网站:8大类60+个UI设计与AI建站资源清单》里也有不少设计类资源可以搭配着用。
获取
- 官网:iconpark.oceanengine.com
- GitHub 仓库:bytedance/IconPark
转自 IconPark 官方网站与 GitHub 仓库 bytedance/IconPark 的公开文档,原文链接:https://github.com/bytedance/IconPark
© 版权声明
THE END














暂无评论内容