🆚 Heroicons vs. Lucide

Statistics based on 3.8M+ 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
San Francisco, California, United States

Website

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

Pricing

Free ✔️ Open source
Free ✔️ Open source

Categories

Icons › Rank #27
Icons › Rank #7

Popularity

Determined by the number of sites using each technology.

The Lucide icon library is 19 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 and American Samoa.
United States
India
Germany
Brazil
United Kingdom
France
Australia
Canada
Spain
Netherlands

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
Internet Services
Online Shopping
Blogs/Wiki
Education/Reference
Travel
Software/Hardware
Entertainment
Health

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#7,991
#14,541
#15,482
#19,442
#21,900
View more ➝
Name
Rank
#20
#248
#321
#336
#367
View more ➝

See also

🗃️ About This Data