Heroicons

Heroicons 是由 Tailwind CSS 团队推出的一套手绘风格 SVG 图标库，提供 Outline、Solid、Mini、Micro 四种风格变体。每个图标以独立组件形式组织，方便前端开发者直接复制或在组件框架中使用。

解决什么问题

• 为 Web 界面提供统一风格的图标素材，避免混用不同来源导致视觉不一致。
• 图标命名语义化（如 arrow-down、academic-cap），开发者可通过名称快速定位所需资源。
• 提供多种尺寸和描边粗细（如 24x24、1.5px stroke），适应不同 UI 场景。

适合谁用

• 使用 Tailwind CSS 构建界面的开发者
• 需要高质量手绘风格图标的网页设计师
• 注重图标细节和一致性的产品团队

与同类图标的差异

• 与 Font Awesome 等字体图标相比，Heroicons 以 SVG 形式提供，便于控制颜色、大小和动画。
• 与 UI 库内置图标相比，Heroicons 是独立图标集，可搭配任意框架或原生 HTML。
• 四种风格变体覆盖从粗实心到细线框的视觉需求，其中 Mini 和 Micro 适合紧凑型界面。