🆚 Heroicons vs. Lucide

Statistics based on 3.3M+ analyzed websites. About this data
Heroicons
Lucide

Type

Icon library
Icon library

About

Heroicons is an open-source SVG icon library maintained by the Tailwind CSS team that provides clean, minimal icons for user interfaces.

It includes over 300 icons and has official React and Vue integrations.

Lucide is an open-source icon library that provides over 1,600 SVG icons made by the community.

It supports tree-shaking to bundle only the icons in use, allows customization of color, size, and stroke width, and offers official packages for frameworks such as React, Vue, Svelte, Solid, and Angular.

Headquarters

Kitchener, Ontario, Canada

Website

heroicons.com #28,541
lucide.dev #42,883

Pricing

Free ✔️Open source
Free ✔️Open source

Categories

Icons › Rank #25
Icons › Rank #10

Popularity

Determined by the number of sites using each technology.

The Lucide icon library is 11 times more popular than Heroicons.
Total websites

Market share

Icons

Popularity by country

Determined by the number of sites detected from each country.

Lucide is more popular in the United States, India, and Germany, while Heroicons is more popular in Cambodia, Hong Kong, and American Samoa.
United States
India
Germany
Brazil
France
United Kingdom
Netherlands
Spain
Australia
Indonesia

Awards

Popularity by domain category

Determined by the number of sites in each category.

Lucide is more popular than Heroicons in all market segments.
Business
Marketing/Merchandising
Online Shopping
Internet Services
Education/Reference
Software/Hardware
Blogs/Wiki
Travel
Entertainment
Health

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#4,695
#15,482
#19,442
#19,979
#21,900
View more ➝
Name
Rank
#248
#321
#367
#441
#686
View more ➝

See also

🗃️ About This Data