字节跳动的这款图标库和阿里杠上了!

  大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!

  今天小编介绍的IconPark是一套完整免费图标库,是字节跳动出品,Github有2.6k,直接对标阿里的iconfont。

img

  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/移动端等 开发者

img

优势

  免费开源的图标库的使用往往存在几个问题

  • 图标数量少,往往难以满足产品项目的需求,遇到缺失的图标往往还是需要设计师按所选图标的风格自己绘制
  • 主要以单色的图标为主,在日渐繁荣(要求越来越高)的UI设计领域,往往需要多色甚至是彩色的图标来完成设计
  • 这些图标库大多为web开发者服务,产品经理、运营专员、App开发者、PPT制作者等没有设计基础的同学使用仍需做转换,使用不方便

  IconPark 的出现几乎把上面这些问题都解决了。图标数量非常之多,而且质量高,风格中性,能满足很大一部分的互联网项目需求,而且支持很高程度的自定义和色彩主题,二次修改非常方便。

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

  最让人愉悦的是,针对不同的使用人群都非常友好,官网既是一个提供下载的网站,同时也是一个图标设计、编辑和管理工具,能极大地解决效率问题,并且对不同的使用群体有详细的使用说明。

image-20210118094606910

结尾

  本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!
希望能与大家共同学习交流,欢迎关注我的公众号【Github导航站】

往期推荐

太漂亮了!有了3款开源图标库,不用再去求设计师了

10个相见恨晚的vue.js库!用好了,事半功倍!

太及时了!13个Spring Boot练手项目,用好了,升职涨薪不用愁

程序员接私活必备后台框架,不用重复造轮子,网友:太好用了!

还在从头到尾撸项目?这6个SpringBoot项目用好了,事半功倍!

「00后缩写黑话翻译器」登上GitHub热榜,中年网民终于能看懂年轻人的awsl

你可能感兴趣的:(前端,图标,vue.js)