友设第 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
读者福利
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
