几个月前，我们悄悄发布了 Heroicons，这是一套免费的 SVG 图标，最初是为了支持 Tailwind UI 中的组件而设计的。今天，我们推出了正式的 Heroicons 网络体验，这让搜索图标并快速将它们复制为适用于 Tailwind 的 HTML 或 JSX 变得比以往任何时候都更容易。
目前有超过 220 个图标，提供中号和小号两种尺寸，每个尺寸的设计都针对不同的用例：
🌐 There are currently over 220 icons available in both medium and small sizes, with size designed to serve a different use-case:
- 中等图标设计为 24x24 分辨率渲染，适用于主导航和市场营销等部分。
- 小图标设计为 20x20 分辨率渲染，非常适合按钮、表单元素和文本支持。
所有图标均已支持 Tailwind，并可使用 Tailwind 内置的尺寸和颜色工具轻松设置样式。
🌐 All of the icons are Tailwind-ready, and are easy to style with Tailwind’s built-in size and color utilities.
<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。
仅仅是开始(Just the beginning)
我们有很多新的图标创意，以及新的图标风格（比如双色调？），我们很期待在接下来的几个月里进行设计和发布。
🌐 We’ve got lots of ideas for both new icons, as well as new icon styles (duotone anyone?) that we’re excited to design and release in the coming months.
设计这个网站也让我迫不及待想要刷新 Hero Patterns 网站，所以你很快可能会在 heropatterns.com 上看到类似的东西：
我们还有一堆其他的“英雄”域名等待使用，我迫不及待想要尽快展示我们为这些域名正在做的项目。
有什么建议吗？(Got a suggestion?)
如果你有任何关于新图标的想法，我们非常希望听到！请前往 Heroicons GitHub 仓库 并创建一个问题以提出建议。
🌐 If you have any ideas for new icons we’d love to hear them! Head over to the Heroicons GitHub repository and open an issue to make a suggestion.
想讨论这篇文章吗？ 在 GitHub 上讨论 →