🆚 Heroicons vs. Material Design Icons

Compare technologies based on real-world usage data *

📈 Material Design Icons is three times more popular than Heroicons.
🌎 Material Design Icons is more popular in the United States, Germany, and France.
🌍 Heroicons is more popular in Cambodia, Hong Kong, and Uzbekistan.

Heroicons

Material Design Icons

Type

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.

Material Design Icons is a community-maintained open-source icon set that follows Google's Material Design guidelines for consistent interface graphics.

It includes over 7,000 icons in multiple styles and formats such as SVG, PNG, and web fonts, supports NPM distribution, provides packages for frameworks like React, Vue, and Angular, and offers a searchable catalog with categorized icons.

Headquarters

Kitchener, Ontario, Canada

Website

heroicons.com #28,541

pictogrammers.com/library/mdi/ #423,083

Pricing

Free ✔️Open source

Popularity

Determined by the number of sites using each technology.

The Material Design Icons library is 3 times more popular than Heroicons.

Total websites

Market share

Icons

Popularity by country

Determined by the number of sites detected from each country.

Material Design Icons is more popular in the United States, Germany, and France, while Heroicons is more popular in Cambodia, Hong Kong, and Uzbekistan.

United States

Germany

France

United Kingdom

Russia

Brazil

India

Japan

Spain

Italy