这6个开源图标网站，你知道吗？

友设第 4 篇原创文章

2021 年原创文章目标第2/50篇

这是一个让你快速提升设计能力的公众号，欢迎关注~

本期给大家整理了可商用的图标网站，

你还在苦苦的画 icon 吗？

这些图标网站可以解放你的双手

一、IconPark

网址：http://iconpark.bytedance.com

IconPark 是字节跳动公司内部产品体系使用的官方图标库，现在可以免费使用了。

IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一 SVG 源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。

IconPark的特点：

• 提供超过 2000+ 预设图标、32 种图标分类；
• 支持 4 种主题和在线换肤：线性、填充、双色、四色；
• 网站提供多种便捷操作：复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG，无论是设计师还是开发者，使用起来都非常方便；
• 针对前端开发者，还提供多种 NPM 包下载。

是不是很 nice ~

以后都不要画了，在线调整完样式后再下载 SVG，爽歪歪！

二、Remix Icon

网址：https://remixicon.com/

特点：

• 每一枚图标都是按照统一标准进行设计，拥有完美像素对齐；
• 设计风格一致，完胜那些拼凑混搭的图标库；
• 设计简洁易懂，特别是很多交互意义的图标，创意十足又具有该有的代表性。

三、Iconfont

网址：https://www.iconfont.cn/

这个网站大家应该比较熟悉了，这个也是我使用比较频繁的开源图标网站。好处就是图标多而全，可以说是满足大部分设计师的需求。但是相对于 IconPark 来说，缺点就是不能在线调整图标的小细节。所以这两个网站可以结合使用。

Iconfont 也有整组的图标库，在产品初期，可以找一套完整的来使用，不够的话再补充，提高效率。

四、Bootstrap Icons

网址：https://icons.bootcss.com/

Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用，从表单到导航组件等。Bootstrap 图标库 全部是 SVG 文件格式，能够轻松快捷地进行缩放，保证清晰，并可以通过 CSS 设置颜色。虽然 Bootstrap 图标库 是为 Bootstrap 而开发的，但也可以应用在任何项目。

特点：

• Bootstrap 是一个凝聚了设计与html/css/js 极致追求的一个移动优先的UI框架，多年来被大量使用在移动+PC的项目上，组件非常优美大气。而 Bootstrap Icos 像它一样，非常漂亮，风格中性，适合运用在很多项目上；
• 每个图标几乎都有线性和填充两种样式，每一个质量都很高，这满足绝大部分的交互需求；
• 提供 SVG 文件格式，运用非常广泛。

五、Iconmonstr

网址：https://iconmonstr.com/

特点：

• iconmonstr 的图标表现力非常丰富，非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块；
  
• 风格为以简单线条构成的图标，收录超过 4000+ 种图标；
• 由单一创作者维护，而且还在不断更新中，这在很大程度上保证了图标的质量；
• 提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载，满足了设计师和开发者的各种需求场景；
• iconmonstr 还有提供一套类似于之前推荐的 remix icon的 web 图标库 Iconic Font，有超过 300 个小型免费图标，更加的简洁精致，很适合使用于网页或界面开发。

六、Feather Icon

网址：https://feathericons.com/

特点：

• 每一枚图标都是按照统一标准进行设计，具有完美像素对齐；
• 同样，也可以在线调整图标样式、颜色等，然后再下载。

以上 6 个网站为目前主流的开源图标网站，根据每个网站的特点用在不同的场景下，会让设计师事半功倍。

end

读者福利