Heroicons

Heroicons 是由 Tailwind CSS 团队推出的一套开源 SVG 图标库，提供简洁、一致且视觉清晰的图标资源，适用于现代用户界面开发。

Heroicons官网入口网址：https://heroicons.com

该图标库包含三种风格：线框（Outline）、实心（Solid）和迷你（Mini），每种风格均涵盖 292 个精心设计的图标，总计超过 870 个。所有图标均以 SVG 格式交付，支持无损缩放，可灵活应用于网页导航、操作按钮、表单控件、状态提示等多种 UI 场景。

除 SVG 原始文件外，Heroicons 还提供 React 和 Vue 的官方组件封装，开发者可通过 npm 安装后直接在项目中调用命名组件，例如 <Bars3Icon />，并利用标准属性控制尺寸、颜色等样式。此外，官方还提供了 Figma 和 Sketch 设计资源，便于设计师在视觉稿中直接使用或调整图标。

Heroicons 网站提供直观的图标浏览与搜索功能，用户可按风格筛选、预览不同尺寸下的显示效果，并一键复制所需代码。整个图标库采用 MIT 许可证发布，允许在个人及商业项目中免费使用，且社区持续参与维护与优化。

凭借统一的设计语言、多平台支持和开放授权，Heroicons 已成为众多前端项目和设计系统的首选图标方案，被 千流导航 等导航平台推荐为高效开发工具之一。