A set of free MIT-licensed high-quality SVG icons for UI development.

Github 星跟踪图

Heroicons

A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

224 icons per style currently, more to come in the future.

Preview and search at Heroicons.com

Outline style

24x24 icons drawn with a stroke.

Solid style

Smaller 20x20 icons drawn with fills.

Usage

To use these icons, simply copy the source for the icon you need from heroicons.com and inline it directly into your HTML:

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

Both icon styles are preconfigured to be stylable by setting the color CSS property, either manually or using utility classes like text-gray-500 in a framework like Tailwind CSS.

We also publish the icons to npm as heroicons, but we don't consider the directory structure stable yet and it could change in any release, so use the npm package at your own risk right now.

项目概况

主要编程语言JavaScript
编程语言JavaScript
许可证MIT License
最新版本名称v1.0.6
第一版名称v0.2.0
最后发布时间2022-03-02 11:33:35
首次发布2020-05-18 09:55:12
最后一次提交2022-03-16 15:02:18
创建于2020-02-24T14:16:00
推送于2022-07-31T16:25:10
提交数104
关注者数163
名称与所有者tailwindlabs/heroicons
派生数1k
星数15.7k
问题数318
打开的问题数1
发布数19
语言数1
拉请求数20
打开的拉请求数1
关闭的拉请求数53
已启用问题?
已启用Wiki?
已存档?
是分叉?
已锁定?
是镜像?
是私有?
To the top