Heroicons

Using Heroicons in your project

Hand-crafted SVG icons by the makers of Tailwind CSS. Preview icons at your intended size, compare related designs, and choose matching styles for controls that appear together.

Open an icon to customize its size and color, download SVG for scalable graphics or PNG for image-based tools, or copy a standalone React component. The icon page also includes its react-icons import.

This collection is listed under MIT. Review the original project’s licensing and attribution information before using or redistributing its icons.

Looking for a subject across libraries? Browse interface icons, communication icons, or shopping icons.