Skip to content

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

License

Notifications You must be signed in to change notification settings

KhienghThenYang/heroicons

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Heroicons

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

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

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 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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published