Heroicons是一套漂亮的手工制作 SVG 免费向量图标集,也是Tailwind CSS框架开发者制作释出的图标图案,收录超过 230 个常见图标,依照样式分为仅有外框(Outline)和填满实色效果(Solid)。 前者主要使用于主要导览列和营销区块,设计为 24×24 大小,后者适合按钮或表单元件使用,设计为 20×20 尺寸。
这套图标集风格细腻,而且图形易于识别,收录的图标数量恰到好处,开启网站后可直接预览或输入关键词搜寻,将光标移动到图标上方会显示快速复制 SVG、JSX 源代码按钮,除了有基本 SVG 格式外也能透过 React 和 Vue 框架加载。
Heroicons 使用 MIT 授权方式释出,除了在GitHub开放源代码亦有Figma文件可下载。
Heroicons
https://heroicons.com/
值得一试的三个理由:
- Heroicons 是 Tailwind CSS 框架开发者制作释出的图标集
- 收录超过 230 个图案,有 Solid 和 Outline 两种不同的样式风格
- 快速复制 SVG 或 JSX 源码,亦有 Figma 文件可供下载