Heroicons翻译站点

Heroicons官网介绍：

Heroicons是一个SVG图标素材网站，由Tailwind CSS的制造商制作。可作为基本的SVG图标并通过第一方React和Vue库提供。

Heroicons官网的2.0.18版本目前共有292款图标，并提供了轮廓型、实体型和迷你型三种样式，可用于导航、营销、按钮、表单等用途展示，满足用户各类场景所需。

Heroicons的SVG 图标使用方法：

使用这些图标的最快方法是简单地从 Heroicons 复制所需图标的源，并将其直接内联到 HTML 中：

<svg
class=”h-6 w-6 text-gray-500″
fill=”none”
viewBox=”0 0 24 24″
stroke=”currentColor”
stroke-width=”2″
>
<path
stroke-linecap=”round”
stroke-linejoin=”round”
d=”M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z”
/>
</svg>

这两种图标样式都预配置为通过设置 CSS 属性来设置样式。