vue和react的趋势:React的高质量免费图标库-IconPark
vue和react的趋势:React的高质量免费图标库-IconPark· 复制Vue图标代码组件· 复制React图标代码组件支持4种主题和在线换肤:线性、填充、双色、四色,任君选择。丰富的可视化交互,方便用户快速操作图标,直接拿去Sketch、PPT 、复制组件代码在React/Vue项目中去使用。· 复制SVG源码
作为UI设计、前端开发人员,无人不知无人不晓的当属阿里巴巴矢量图标图iconfont,这是一款支持AI/SVG/PNG/代码格式下载的图标、插画素材库;
但今天小编想为各位介绍一款可直接支持Vue、React,支持一键换主题的高质量免费图标库IconPark。
介绍IconPark是字节跳动研发的致力于解决研发和设计效率的图标工具,经过一年打磨,提供了近2000个高质量图标,实现了根据单一SVG源文件变换出多种主题,具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。
目标用户
- UE、UI 、PM 、运营等「非技术同学」
- React/Vue/移动端等「开发者」
- 第三方设计网站/建站编辑器「开发者」
- 高质量
提供超过2300 高质量预设图标、28种图标分类,丰富多彩,免费可商用。
- 多主题
支持4种主题和在线换肤:线性、填充、双色、四色,任君选择。
- 高效率
丰富的可视化交互,方便用户快速操作图标,直接拿去Sketch、PPT 、复制组件代码在React/Vue项目中去使用。
· 复制SVG源码
· 复制React图标代码组件
· 复制Vue图标代码组件
· 下载PNG
· 下载SVG
· 复制PNG(到粘贴板)
- 定制化
在线定制图标样式,每一个图标都被绘制在一个48*48的格子里,你可以在线去更改颜色、大小、线框宽度、端点类型、拐点类型等属性
- 跨平台
针对技术同学,可导出不同组件代码库,打通Design to Code,满足React/Vue/SVG/m移动端/小程序等多种开发场景使用。
与阿里 IconFont 的区别1. IconFont图标数量非常丰富,支持用户侧上传图标及项目管理,IconPark是官方提供的规范化、统一化的高质量图标库,即前者侧重UGC,后者PGC;
2. IconPark官方图标库支持风格属性变换,可对图标大小、颜色、线框粗细等属性进行设置,填充/多色随意转换,与IconFont相比IconPark给用户开放了更多的图标设置功能;
3. IconPark直接支持React、Vue2、Vue3格式,方便前端同学使用。
小结不管是阿里的IconFont还是字节的IconPark,对于UE、UI 、PM 、运营或者是开发者来说都是非常好的可商用资源…
通过本文的介绍,希望能为大家在学习生活中带来少许帮助。
参考:
https://iconpark.bytedance.com/