介绍 Heroicons.com

几个月前，我们悄然发布了 Heroicons，这是一套免费的 SVG 图标，我们最初设计它来支持 Tailwind UI 中的组件。今天，我们发布了官方的 Heroicons 网页体验，它让搜索图标并快速将它们复制到剪贴板作为 Tailwind 准备好的 HTML 或 JSX 比以往更容易。

目前有超过 220 个图标可用，有中号和小型两种尺寸，尺寸设计用于不同的用例。

中号图标设计为 24x24 渲染，非常适合主导航和营销部分。
小型图标设计为 20x20 渲染，非常适合按钮、表单元素和支持文本。

所有图标都已准备好使用 Tailwind，并且易于使用 Tailwind 的内置尺寸和颜色实用程序进行样式设置。

<svg
  class="h-6 w-6 text-indigo-500"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  viewBox="0 0 24 24"
  stroke="currentColor"
>
  <path
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="2"
    d="M17 8l4 4m0 0l-4 4m4-4H3"
  />
</svg>

为了获得最佳效果，请对中号图标使用 h-6 w-6，对小型图标使用 h-5 w-5。

仅仅是开始

我们有很多关于新图标和新图标样式的想法（双色调？），我们很高兴在未来几个月内设计和发布这些想法。

设计这个网站也让我很想刷新 Hero Patterns 网站，所以你可能会很快在 heropatterns.com 上看到类似的东西。

我们还有很多 “Hero” 域名等待使用，我很兴奋地揭示我们很快将在这些域名上进行的工作。

有建议吗？

如果您有任何关于新图标的想法，我们很乐意听取您的意见！请访问 Heroicons GitHub 仓库并打开一个问题来提出建议。

想讨论这篇文章吗？在 GitHub 上讨论 →

​仅仅是开始

​有建议吗？

仅仅是开始

有建议吗？