Heroicons - 漂亮精致的开源矢量图标库，由Tailwind CSS 官方出品，适配 Vue / React

Heroicons 是一套简单直接的高品质图标库，由大名鼎鼎的前端框架 Tailwind CSS 的团队制作并且发布。接触过 Tailwind CSS 的开发者可能也注意到，Tailwind CSS 生态里的前端 UI 组件质量都很不错，当然这套图标库也一样。

这套图标很有意思的是，除了描边和填充两种风格外，还提供了在图标尺寸上的适配：Mini 和 Micro，即迷你和超迷你尺寸的图标。当然这不是把图标直接缩小，我们在网站上选择这两个选项卡可以直观地看出，这是在保持图标图形不变的前提下，做的像素级别的缩小适配，这样的好处是缩小后的图标依然很清晰，依然很精致！这个适配可是真的下功夫，效果也很不错，解决了一直以来小图标不够精致的问题。

图标列表

在项目中使用 Heroicons

如果是使用少量的图标，可以直接复制 SVG 代码，如果想要在开发项目里使用全套图标，可以使用官方提供的包。下面以我熟悉的 Vue.js 项目为例。

首先安装&nb