快捷搜索:  汽车  科技

vue和react的趋势:React的高质量免费图标库-IconPark

vue和react的趋势:React的高质量免费图标库-IconPark· 复制Vue图标代码组件· 复制React图标代码组件支持4种主题和在线换肤:线性、填充、双色、四色,任君选择。丰富的可视化交互,方便用户快速操作图标,直接拿去Sketch、PPT 、复制组件代码在React/Vue项目中去使用。· 复制SVG源码

作为UI设计、前端开发人员,无人不知无人不晓的当属阿里巴巴矢量图标图iconfont,这是一款支持AI/SVG/PNG/代码格式下载的图标、插画素材库;

但今天小编想为各位介绍一款可直接支持Vue、React,支持一键换主题的高质量免费图标库IconPark。

vue和react的趋势:React的高质量免费图标库-IconPark(1)

介绍

IconPark是字节跳动研发的致力于解决研发和设计效率的图标工具,经过一年打磨,提供了近2000个高质量图标,实现了根据单一SVG源文件变换出多种主题,具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。

vue和react的趋势:React的高质量免费图标库-IconPark(2)

目标用户

  • UE、UI 、PM 、运营等「非技术同学」
  • React/Vue/移动端等「开发者」
  • 第三方设计网站/建站编辑器「开发者」
IconPark的特点

vue和react的趋势:React的高质量免费图标库-IconPark(3)

  • 高质量
    提供超过2300 高质量预设图标、28种图标分类,丰富多彩,免费可商用。

vue和react的趋势:React的高质量免费图标库-IconPark(4)

  • 多主题

支持4种主题和在线换肤:线性、填充、双色、四色,任君选择。

vue和react的趋势:React的高质量免费图标库-IconPark(5)

  • 高效率

丰富的可视化交互,方便用户快速操作图标,直接拿去Sketch、PPT 、复制组件代码在React/Vue项目中去使用。

· 复制SVG源码

· 复制React图标代码组件

· 复制Vue图标代码组件

· 下载PNG

· 下载SVG

· 复制PNG(到粘贴板)

vue和react的趋势:React的高质量免费图标库-IconPark(6)

  • 定制化

在线定制图标样式,每一个图标都被绘制在一个48*48的格子里,你可以在线去更改颜色、大小、线框宽度、端点类型、拐点类型等属性

vue和react的趋势:React的高质量免费图标库-IconPark(7)

  • 跨平台

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

vue和react的趋势:React的高质量免费图标库-IconPark(8)

与阿里 IconFont 的区别

1. IconFont图标数量非常丰富,支持用户侧上传图标及项目管理,IconPark是官方提供的规范化、统一化的高质量图标库,即前者侧重UGC,后者PGC;

2. IconPark官方图标库支持风格属性变换,可对图标大小、颜色、线框粗细等属性进行设置,填充/多色随意转换,与IconFont相比IconPark给用户开放了更多的图标设置功能;

3. IconPark直接支持React、Vue2、Vue3格式,方便前端同学使用。

小结

不管是阿里的IconFont还是字节的IconPark,对于UE、UI 、PM 、运营或者是开发者来说都是非常好的可商用资源…

通过本文的介绍,希望能为大家在学习生活中带来少许帮助。


参考:

https://iconpark.bytedance.com/

vue和react的趋势:React的高质量免费图标库-IconPark(9)

猜您喜欢: