IconPark - 字节跳动出品的高质量免费图标库

5,617 阅读3分钟

开源官方网站:iconpark.bytedance.com/

Github:github.com/bytedance/I…

Github Issues:github.com/bytedance/I…

研发同学可以加以关注,会持续做功能迭代,获取最新消息

先来认识一下

IconPark出自字节跳动商业产品-CUX设计团队。联合技术同学一起打造的致力于解决研发和设计效率的图标工具。可以实现根据单一SVG源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、标准化、可定义的图标资源库,让大多数人都能够选择适合自己的风格图标。

Iconpark 到底香不香?

香不香,真的不是我说了算,用了自然知道。

Less is more,根据单一SVG源文件变换多种主题的技术方案,及导出多种图标代码库,方便您在代码中以组件的形式按需引用,比如React IconsVue IconsSVG Icons。不管您是设计师还是开发者,都可以在您的项目中去使用IconPark.

图标数量颇多,质量高,风格中性,能满足互联网项目需求场景,支持自定义风格和主题,整体为线性图标,修改灵活。

Iconpark的特点:

  • 高质量:提供超过2100+高质量基础预设图标、32种图标分类,丰富多样

  • 多主题:支持4种主题和在线换肤和风格配置:线性、填充、双色、四色

  • 高效率:网站提供多种便捷操作:复制SVG code、复制React 组件、复制Vue组件、下载PNG、下载SVG,无论是设计师还是开发者,都能用的得心应手

  • 跨平台:提供多种技术栈,满足React,Vue,Svg,Vue nxet,还能提供Open API调用接口

Iconpark 解决了什么问题?

其实早期目标是要解决内部图标应用的问题,图标资源离散,协作难,质量无法保证,体验、认知不统一,这些问题极大的影响了日常工作,带来很多烦恼。相信大家也可能遇到类似的问题!现在,IconPark已经很好的解决了这些问题。

解决的问题如下:

  • 企业内部同体系产品能够在图标应用规则和标准上保持统一,图标认知和体验保持一致;
  • 设计与技术人员高效协作,实现Bydesign to code;
  • 任何角色同学,团队,企业,都可用到免费的图标资源;
  • 图标库数量少,难以满足产品项目的需求,缺失图标需要设计师按所选图标的风格自己绘制
  • 主要以单色的图标为主,满足不了对图标风格的个性化诉求
  • 大多为web开发者服务,对其他角色的同学使用带来不变,成本较高

据说,目前每双月有8万次NPM包下载使用量,覆盖公司内部几百个项目使用,这确实实现了技术上的重大便利作用呀!

Iconpark 真的对外部用户开放,免费商用吗?

这个答案是肯定,完全开源,可以商用。

之所以开源此项目也是真正考虑到,还有很多人需要此平台,真正帮助个人,团队,中小型公司发展,免费享用大公司的资源和技术。无论是设计师、码农还是其他角色,非常建议收藏使用。

如何与Iconpark建立联系?

在官网,Github,飞书,微信都有相应的联系方式和反馈入口,大家可以根据情况选择。

官方网站:iconpark.bytedance.com/

Github:github.com/bytedance/I…

Github Issues:github.com/bytedance/I…

微信交流群:

飞书交流群: