当你需要为你的界面添加图标时，整个过程可能会让人很头疼。“我应该使用所有这些默认的 Bootstrap 图标吗？或者我是否应该像往常一样使用 Google Material 图标？”
在选择图标集时，一些重要但经常被忽视的因素包括图标的大小、样式、一致性和数量。找到涵盖你所有用例的图标是一件很令人沮丧的事情。
我们也一直面临着这种困扰，并决定做些什么来解决它。最终，这导致了 Streamline 图标集的诞生。
Streamline 现在已经发布了 3.0 版本，Streamline包含了多达 30,000 个图标，并提供了三种不同的粗细，类似于字体家族。无论你正在处理的是大型 Web 应用、文档还是营销网站，都有大量的选项可以让你选择最合适的图标。
“我拥有多个图标集，但我反复使用的始终是容量巨大的 Streamline 包，当我深入浏览其目录时，它几乎总是能提供我需要的那个象形图。”
—Khoi Vinh，Adobe
易于使用
Streamline 还被精心组织成易于浏览的类别。你可以在我们方便易用的基于 Web 的图标查看器中查看所有类别。
如果你是 IconJar 用户，你也可以按名称搜索图标，并将它们拖放到你的项目文件夹中。我们目前正在为我们的 Web 查看器开发此功能。
每个 Streamline 图标包都包含以下文件类型：.svg、.iconjar、.sketch、.fig、.ai、.pdf、.png、.xd。
所以，无论你喜欢如何使用图标，你都可以找到你需要的文件类型。
“Streamline 3.0 是我用过的功能最全面、细节最丰富的图标包之一。其结构和层次结构使其超级易于使用。这是一个很棒的产品。太棒了，Vincent。”
—Stephanie Walter，UX 和 UI 设计师
优化的 SVG
Streamline 的 SVG 版本已经做好了开发准备，并带有适当的 viewbox 标签，并且所有笔画和填充的颜色属性都设置为 currentColor。你可以使用你最喜欢的 SVG 技术引入 Streamline，并立即开始使用 CSS 更改图标的颜色。
查看 Matt D. Smith 在 CodePen 上的笔 QJQjMm（@mds）。
粗细
每种粗细（细体、常规和粗体）都以非常一致的风格设计，为你的界面提供极高的视觉一致性。
细体
经典的 Streamline 风格，并带有一些细节。以 24px 网格上的 1px 笔画设计。细体图标非常适合需要更多趣味个性的界面。它们也适用于放大到 48px 用作小型插图。
常规
一种新的极简主义几何风格。以 24px 网格上的 1.5px 笔画设计。它们非常适合用于简洁现代的 Web 界面。
粗体
一种新的实心风格，类似于最新的 iOS 指南。以填充和 24px 网格上的 2px 笔画设计。粗体风格为 iOS 风格的界面提供了更多的视觉冲击力。
让 Streamline 为你工作
有两种不同的软件包类型可用——基本版和终极版。
基本版包含 14 个与界面和 Web 设计相关的类别，而终极版包含所有 53 个类别，包括宠物、天气、金融、户外、交通等等。
👉 查看 Streamline 网站，尽情欣赏所有图标的魅力。
“Vincent 的图标独一无二、用途广泛且易于使用。我发现它们在一系列项目中都非常有用。”
—Daniel Burka，Resolve to Save Lives
🤓 关于 Streamline 网站的一些技术细节：
- 初始设计在 Figma 中创建
- 使用
.pug、.sass和.js从头开始编码 - 使用 CodeKit 编译所有代码
- 使用 Grunt 创建包含所有 SVG 资源的雪碧图
- 在 After Effects 中创建动画，使用 Lottie 从 AE 导出为
icon-animation.json 格式，并使用 bodymovin.js 添加到网站 - 使用 Scrollmagic.js 根据滚动位置操作 DOM，以实现大型图标视差部分
- 使用 jQuery.js 使我们的生活更轻松，因为我们正在构建一个营销网站，而不是一个完整的应用程序