Heroicons 手工打造 SVG 免费图标集,收录两种样式 230 个常见图案

Heroicons是一套漂亮的手工制作 SVG 免费向量图标集,也是Tailwind CSS框架开发者制作释出的图标图案,收录超过 230 个常见图标,依照样式分为仅有外框(Outline)和填满实色效果(Solid)。 前者主要使用于主要导览列和营销区块,设计为 24×24 大小,后者适合按钮或表单元件使用,设计为 20×20 尺寸。

Heroicons 手工打造 SVG 免费图标集,收录两种样式 230 个常见图案插图
Heroicons 手工打造 SVG 免费图标集,收录两种样式 230 个常见图案插图1 Heroicons

这套图标集风格细腻,而且图形易于识别,收录的图标数量恰到好处,开启网站后可直接预览或输入关键词搜寻,将光标移动到图标上方会显示快速复制 SVG、JSX 源代码按钮,除了有基本 SVG 格式外也能透过 React 和 Vue 框架加载。

Heroicons 使用 MIT 授权方式释出,除了在GitHub开放源代码亦有Figma文件可下载。

Heroicons
https://heroicons.com/

值得一试的三个理由:

  1. Heroicons 是 Tailwind CSS 框架开发者制作释出的图标集
  2. 收录超过 230 个图案,有 Solid 和 Outline 两种不同的样式风格
  3. 快速复制 SVG 或 JSX 源码,亦有 Figma 文件可供下载

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注