几个月前我们悄悄发布了 Heroicons，这是一套我们最初为支持 Tailwind UI 中的组件而设计的免费 SVG 图标。今天我们推出 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 仓库并开一个 issue 提出建议。
想讨论这篇文章吗？在 GitHub 上讨论 →