Material design icons are the official icon set from Google that are designed under the material design guidelines.
material-design-icons alternatives and similar packages
Based on the "Material Widget" category.
Alternatively, view material-design-icons alternatives based on common mentions on social networks and blogs.
material-dialogs9.8 0.0 L1 material-design-icons VS material-dialogs😍 A beautiful, fluid, and extensible dialogs API for Kotlin & Android.
MaterialDrawer9.8 6.6 L2 material-design-icons VS MaterialDrawerThe flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
MaterialDesignLibraryThis is a library with components of Android L to you use in android 2.2
MaterialViewPager9.6 0.0 L4 material-design-icons VS MaterialViewPagerA Material Design ViewPager easy to use library
android-floating-action-buttonFloating Action Button for Android based on Material Design specification
MaterialEditTextEditText in Material Design
RippleEffect9.3 0.0 L4 material-design-icons VS RippleEffectImplementation of Ripple effect from Material Design for Android API 9+
Carbon8.6 0.8 L1 material-design-icons VS CarbonMaterial Design implementation for Android 4.0+. Shadows, ripples, vectors, fonts, animations, widgets, rounded corners and more.
material-menu8.5 0.0 L3 material-design-icons VS material-menuAnimations for Android L drawer, back, dismiss and check icons
materialish-progressA material style progress wheel compatible with 2.3
material-ripple8.4 0.0 L5 material-design-icons VS material-rippleAndroid L Ripple effect wrapper for Views
MaterialDialog8.3 0.0 L3 material-design-icons VS MaterialDialogAn Android library for conveniently building Material Design Dialog in Android version 2.2 ~ L.
MaterialProgressBarMaterial Design ProgressBar with consistent appearance
MaterialNavigationDrawerNavigation Drawer Activity with material design style and simplified methods
MaterialList8.0 0.0 L2 material-design-icons VS MaterialListAn Android library aimed to get the beautiful CardViews that Google shows at its official design specifications
material-range-bar7.9 0.0 L2 material-design-icons VS material-range-barAndroid widget for selecting a range of values.
MaterialTabs7.8 0.0 L4 material-design-icons VS MaterialTabsCustom Tabs with Material Design effects. It requires 14+ API and android support v7 (Toolbar)
LDrawer7.8 0.0 L3 material-design-icons VS LDrawerAndroid drawer icon with material design animation
MaterialEverywhere7.6 0.0 L5 material-design-icons VS MaterialEverywhereShowcase of the new AppCompat 21, which includes new Material Theme, working in pre-21 devices.
snackbar7.6 0.0 L4 material-design-icons VS snackbar[DEPRECATED] Android Library that implements Snackbars from Google's Material Design documentation.
Horizontal Calendar7.2 0.0 L5 material-design-icons VS Horizontal CalendarA material horizontal calendar view for Android based on RecyclerView
AndroidMaterialDesignToolbarAndroid Sample Project with Material Design and Toolbar.
MaterialPowerMenu6.6 0.0 L4 material-design-icons VS MaterialPowerMenuA demo of the power menu with Reveal and other animations
CircularProgressViewA Material style circular progress bar for Android
Material Dialogs for Android 📱📱Android Library to implement animated, 😍beautiful, 🎨stylish Material Dialog in android apps easily.
material-drawer5.9 0.0 L5 material-design-icons VS material-drawerCustom drawer implementation for Material design apps.
ZDepthShadowLayout5.5 0.0 L5 material-design-icons VS ZDepthShadowLayoutAndroid - draw z-depth shadow of MaterialDesign
RippleDrawable5.3 0.0 L2 material-design-icons VS RippleDrawableRipple effect for Android 14+
android-materialshadowninepatchProvides 9-patch based drop shadow for view elements. Works on API level 9 or later.
uberprogressview4.1 0.0 L5 material-design-icons VS uberprogressview:hourglass_flowing_sand: An android progress view developed after taking inspiration from Uber app.
AdvancedMaterialDrawerA Gmail-like Material Drawer implementation
Android-Material-circular-buttonAnimated Material circular button
Android-DialogFragmentsVarious DialogFragments for Android.
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of material-design-icons or a related project?
Material Icons / Material Symbols
These are two different official icon sets from Google, using the same underlying designs. Material Icons is the classic set, while Material Symbols was introduced in April 2022, built on variable font technology.
The icons can be browsed in a more user-friendly way at https://fonts.google.com/icons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.
The icons are designed under the material design guidelines.
We’d love to support your icon needs! Please submit your request here on github as an issue.
Please note that Google Fonts does not accept user submissions of finished icon designs! There are fairly strict guidelines for Material icons, plus Google has upstream source files from which this repo is generated. Therefore, Google does not accept pull requests for icon files (whether new icon suggestions, or fixes for existing icons). Concepts are appreciated—just don’t design SVGs and submit them via pull request.
However, users are perfectly welcome to point at outside files or images as examples—for the kind of thing they want, but they won’t just be taken “as is.” This works especially well if you have multiple examples for a single icon, to help us understand the “essence” of the idea.
For example, there is a fairly universal conceptual logo/icon for “agender,” so if you were proposing Google add an agender icon in the Material style, either mentioning that, or pointing at https://www.google.com/search?q=agender+icon would be a helpful tip.
Currently, Google does not include 3rd-party logos among the Material Symbols or Material Icons due to legal reasons. Some 3rd-party logos that were included in the past have since been removed.
Google does not currently maintain the npm package for this repo, past v3 (2016). However, user @marella is hosting the following. He tells us these are automatically updated and published using GitHub Actions. Google does NOT monitor or vet these packages.
- Only WOFF2 variable fonts and CSS for Material Symbols
- Includes outlined, rounded, and sharp icons and all variations of fill, weight, grade, and optical size
- Supports Sass
- Only WOFF2, WOFF fonts and CSS
- Includes outlined, round, sharp and two-tone icons
- Supports Sass
- Only WOFF2 fonts and CSS
- Lighter version of
- Doesn't support older browsers such as Internet Explorer because of dropping WOFF (v1)
- Only SVGs
- Optimizes SVGs using SVGO
The icons can be browsed in a more user-friendly way at https://fonts.google.com/icons?icon.set=Material+Icons
These classic icons are available in five distinct styles:
- Filled (the font version is just called Material Icons, as this is the oldest style)
- Two tone
The following directories in this repo contain specifically Material Icons (not Material Symbols) content:
What is currently not available in Material Icons?
- variable fonts
- weights other than Regular
- grades other than Regular
- a means to animate Fill transitions
These newer icons can be browsed in a more user-friendly way at https://fonts.google.com/icons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.
These icons were built/designed as variable fonts first (based on the 24 px designs from Material Icons). There are three separate Material Symbols variable fonts, which also have static icons available (but those do not have all the variations available, as that would be hundreds of styles):
- Note that although there is no separate Filled font, the Fill axis allows access to filled styles—in all three fonts.
Each of the fonts has these design axes, which can be varied in CSS, or in many more modern design apps:
- Optical Size (opsz) from 20 to 48 px. The default is 24.
- Weight from 100 (Thin) to 700 (Bold). Regular is 400.
- Grade from -50 to 200. The default is 0 (zero).
- Fill from 0 to 100. The default is 0 (zero).
The following directories in this repo contain specifically Material Symbols (not Material Icons) content:
What is currently not available in Material Symbols?
- sizes other than 24 are not designed with perfect pixel-grid alignment
- the only pre-made fonts are the variable fonts
- there are no two-tone icons
Material Icons update history
- 2020 Aug 31
- Restructured repository, updated assets.
- 2016 Sep 01
- Changed license in package.json.
- Added missing device symbol sprites.
- 2016 Aug 25
- License change to Apache 2.0!
- 2016 May 28
Read the developer guide on how to use the material design icons in your project.
Using a font
variablefont folders contain pre-generated font files that can be included in a project. This is especially convenient for the web; however, it is generally better to link to the web font hosted on Google Fonts:
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols" rel="stylesheet">
Read more on Material Symbols or Material Icons in the Google Fonts developer guide.
We have made these icons available for you to incorporate into your products under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in your products. We'd love attribution in your app's about screen, but it's not required.
*Note that all licence references and agreements mentioned in the material-design-icons README section above are relevant to that project's source code only.