Top 12 Open-Source Alternatives to Material Icons

Product categories

App Icons CSS Framework Color Picker Design Tools Developer Tools Development Tools Icon Fonts Javascript UI Libraries React Vector Icons Web Fonts And Design Assets Web Icons

Summary

The top open-source alternatives to Material Icons are Feather Icons, Font Awesome, and Heroicons. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Feather Icons Landing Page
1

Feather Icons

Simply beautiful open source icons
Pricing:
- Open Source
#Web Icons #Vector Icons #Icons 63 social mentions
Font Awesome Landing Page
2

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
Pricing:
- Open Source
#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions
Heroicons Landing Page
3

Heroicons

Beautiful, free SVG icons from the makers of Tailwind CSS.
Pricing:
- Open Source
#Web Icons #Vector Icons #Icon Fonts 66 social mentions
Bootstrap Icons Landing Page
4

Bootstrap Icons

Official open source SVG icon library for Bootstrap
Pricing:
- Open Source
#Web Icons #Icon Fonts #Vector Icons 19 social mentions
Streamline icons Landing Page
5

Streamline icons

The world’s largest icon pack library - 100k icons and illustrations.
Pricing:
- Open Source
- Freemium
- $19.0 / Annually
#Web Icons #Vector Icons #Icon Fonts 1 social mentions
Tailwind CSS Landing Page
6

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 870 social mentions
Material Components Landing Page
7

Material Components

Modular and customizable UI components from Google
Pricing:
- Open Source
#Design Tools #Web Icons #Developer Tools 15 social mentions
Bulma Landing Page
8

Bulma

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 109 social mentions
Next.js Landing Page
9

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
#Developer Tools #Web Frameworks #JavaScript Framework 929 social mentions
Bootstrap Landing Page
10

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 328 social mentions
styled-components Landing Page
11

styled-components

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Pricing:
- Open Source
#Developer Tools #Design Tools #Javascript UI Libraries 157 social mentions
System Color Picker Landing Page
12

System Color Picker

Pick colors from anywhere using the built-in color picker.
Pricing:
- Open Source
#Color Tools #Color Picker #Screenshot Annotation 2 social mentions