「开源图标库」IconPark

“行到水穷处，坐看云起时. ”

介绍
优势
- 高质量
- 多主题
- 跨平台
- 定制化
- 高效率
最后
介绍

IconPark是字节跳动研发的致力于解决研发和设计效率的图标工具，经过一年打磨，提供了近1300个高质量图标。与使用多个SVG源文件达到换肤效果不同的是，我们希望使用尽可能少的文件，来满足更多的使用场景，Less is more，于是实现了一种根据单一SVG源文件变换多种主题的技术方案，及导出多种图标代码库，方便您在代码中以组件的形式按需引用，比如React Icons，Vue Icons， SVG Icons。不管您是设计师还是开发者，都可以在您的项目中去使用IconPark.

（1）传统换肤方案，以material.io为例：同一个图标的4种风格，需要4个SVG源文件，切换左侧Themes，可以看到不同风格的图标：

（2）IconPark换肤：同一个图标，只需一个SVG源文件。不同主题进行不同的颜色匹配，来得到不同风格的图标：

优势

提供超过1300+高质量图标，免费使用，此处给我们勤劳的设计师们点赞~o(￣▽￣)ｄ

根据单一SVG源文件变换多主题，包括四种类型：线框、填充、双色、多色。比如针对一个叫camera的SVG图标（1）照相机icon的源文件 camera.svg

（2）换肤之后

针对设计师同学，很简单，直接在官方图标库中在线配置，切换图标风格；针对技术同学，需要所需语言的图标代码库，每一个图标都可以一个单独的组件去按需引用假如是应用在React项目中，确保提前已下载React Icons，以下4个case是针对React场景，Vue等场景类似不再赘述

React icons	Preview	Theme
`<Camera theme="outline" size="32" fill="#000000"/>`		Outline theme
`<Camera theme="filled" size="32" fill="#333"/>`		Filled theme
`<Camera theme="two-tone" size="32" fill={['#333' ,'#2F88FF']}/>`		Two-tone theme
`<Camera theme="multi-color" size="32" fill={['#333' ,'#2F88FF' ,'#FFF' ,'#43CCF8']}/>`		Multi-color theme