我们刚刚发布了 Heroicons v2.1,其中包含全新的微型样式 — 一套完整的近三百个 16×16 图标,专为更紧凑、更高密度的 UI 而设计。
我们很早以前就想做一套这种尺寸的图标,但直到我们今年早些时候开始开发一个新的 React UI 工具包项目时,我们才真正迫切需要它们,并下定决心设计它们。
在 Catalyst(我们的新 UI 工具包)中,我们试图在提供足够的空间让事物呼吸,但又保持足够的密度,使您使用它构建的应用程序感觉真正富有成效之间找到平衡点。
我们正在使用大量 14px 的文本,这在 UI 中看起来很棒,但当我们尝试融入我们现有的 20×20 图标时,它们感觉稍微有点大且不平衡。

大多数人可能只是缩小图标并继续前进,但我们不是大多数人,无论好坏。
当您为图标的确切使用尺寸设计时,图标总是会更加清晰,因此我们开始从头开始重新绘制每个图标的过程,仔细修剪每个图标的细节量,以确保它们在其预期尺寸下呈现良好且清晰的效果。

大约一个月后,我们有了一套全新的 288 个图标,这些图标经过精心制作,适用于更高密度的界面,就像我们一直在使用 Catalyst 所做的那样。
您可以在 Heroicons 网站上查看所有新图标,使用我们的官方 Heroicons Figma 图标库开始设计,并通过我们的 React 和 Vue 库将其添加到您的项目中。