Heroicons官网介绍:
Heroicons是一个SVG图标素材网站,由Tailwind CSS的制造商制作。可作为基本的SVG图标并通过第一方React和Vue库提供。
Heroicons官网的2.0.18版本目前共有292款图标,并提供了轮廓型、实体型和迷你型三种样式,可用于导航、营销、按钮、表单等用途展示,满足用户各类场景所需。
![Heroicons](https://www.duolaweb.com/wp-content/uploads/2023/05/2305202145.png)
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 属性来设置样式。
数据评估
关于Heroicons特别声明
本站多啦导航提供的Heroicons都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由多啦导航实际控制,在05/20/2023 21:44收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,多啦导航不承担任何责任。
相关导航
暂无评论...