大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!
今天小编介绍的IconPark是一套完整免费图标库,是字节跳动出品,Github有2.6k,直接对标阿里的iconfont。
IconPark提供了超过2000个高质量图标,并且提供了一个界面来帮你定制图标。与使用各种SVG源文件来达到换肤效果的方案不同的是,我们实现了一种创新性的技术, 通过改变一个SVG文件的属性来变换出多种主题。并且支持跨平台导出多种图标代码库,方便您在代码中以组件的形式按需引用,比如 react-icons, vue-icons and svg-icons. 所以不管您是设计师还是开发者,都可以在您的项目中去使用IconPark.
特点
- 提供超过2000+预设图标,分类
- 支持4种主题和在线换肤:线性、填充、双色、四色
- 网站提供多种便捷操作:复制SVG code、复制React 组件、复制Vue组件、下载PNG、下载SVG
- 针对技术同学,支持图标组件NPM包导出,包括React Icons/ Vue Icons/ Vue3 Icons / SVG Icons
目标用户
- UE、UI 、PM 、运营等非技术同学
- React/Vue/移动端等 开发者
优势
免费开源的图标库的使用往往存在几个问题:
- 图标数量少,往往难以满足产品项目的需求,遇到缺失的图标往往还是需要设计师按所选图标的风格自己绘制
- 主要以单色的图标为主,在日渐繁荣(要求越来越高)的UI设计领域,往往需要多色甚至是彩色的图标来完成设计
- 这些图标库大多为web开发者服务,产品经理、运营专员、App开发者、PPT制作者等没有设计基础的同学使用仍需做转换,使用不方便
IconPark 的出现几乎把上面这些问题都解决了。图标数量非常之多,而且质量高,风格中性,能满足很大一部分的互联网项目需求,而且支持很高程度的自定义和色彩主题,二次修改非常方便。
针对技术同学,可导出不同代码库,满足React/Vue/SVG/m移动端/小程序等多种开发场景使用
最让人愉悦的是,针对不同的使用人群都非常友好,官网既是一个提供下载的网站,同时也是一个图标设计、编辑和管理工具,能极大地解决效率问题,并且对不同的使用群体有详细的使用说明。
结尾
本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!
希望能与大家共同学习交流,欢迎关注我的公众号【Github导航站】。
往期推荐
太及时了!13个Spring Boot练手项目,用好了,升职涨薪不用愁