Skip to content
React Libraries
On this page

Heroicons

A collection of interface icons with React-friendly usage.

What it does

A collection of interface icons with React-friendly usage.

When it fits

Adding consistent icons to Tailwind-oriented and other web interfaces.

Other options in this category

  • Iconify — Choosing icons from multiple sets without changing the integration approach.
  • Iconify React — Using icon collections through a shared React component API.
  • Lucide React — Building interfaces with a coordinated, customizable icon style.
  • React Icons — Importing individual icons into a React application.
  • react-file-icon — Showing recognizable file badges in upload and document lists.

Source

Project source for Heroicons ↗

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

Add interface icons →

All icons options →