Heroicons
heroicons.com又名 Heroicons
Tailwind CSS 团队出品的免费 SVG 图标库,316 枚图标分 Outline、Solid、Mini、Micro 四种尺寸样式,可复制 SVG 或引入 React、Vue 组件,适合前端开发者给导航栏和按钮配图标。
工具免费不用登录网页英文开源

Heroicons 是一套 SVG 图标库,由 Tailwind CSS 的制作者打造。它解决的是界面开发中找图标、配图标的问题:图标按风格和尺寸分好类,直接复制 SVG 代码或引入 React、Vue 组件就能用,不用自己画或到处搜。
主要功能
站点把图标分成 Outline、Solid、Mini、Micro 四种样式。Outline 是 24×24、1.5px 描边的线性图标,Solid 是实心版本,Mini 为 20×20,Micro 为 16×16,覆盖了从导航栏到按钮小图标的常见场景。当前版本共 316 枚图标,每枚都可以在页面上直接预览、复制 SVG 或下载。官方还提供 React 和 Vue 的组件库,以及 Figma 文件,方便在设计稿和代码之间保持一致。
适合谁
做网页或应用界面的前端开发者、UI 设计师是用得最多的。如果项目本身就在用 Tailwind CSS,图标风格能直接对上;不用 Tailwind 也没关系,SVG 是通用的,放到任何技术栈里都能用。
费用与限制
图标采用 MIT 许可证,可以免费用于个人和商业项目,不需要注册登录。页面提供文档和 Figma 文件下载,但没有账号体系,也没有云端收藏或团队协作功能。图标数量固定,风格偏简洁线性,如果需要多色、插画类图标,得另找其他资源。
常见问题
Heroicons 收费吗?
Heroicons 免费使用。免费,MIT 许可证。
用 Heroicons 要登录吗?
不用登录就能用。
Heroicons 有哪些平台 / App?
支持 网页。
Heroicons 的替代品有哪些?
本站整理了 6 个替代品,例如 Remix Icon、IconPark、Lucide、Tabler Icons。