Want to take your software engineering career to the next level? Join the mailing list for career tips & advice Click here


Material Design icons by Google

Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402 (1 ratings)
Rated 5.0 out of 5
Subscribe to updates I use material-design-icons

Statistics on material-design-icons

Number of watchers on Github 40610
Number of open issues 612
Average time to close an issue 22 days
Main language CSS
Average time to merge a PR 12 days
Open pull requests 44+
Closed pull requests 37+
Last commit 4 months ago
Repo Created about 6 years ago
Repo Last Updated 3 months ago
Size 46 MB
Homepage http://google.git...
Organization / Authorgoogle
Latest Release3.0.1
Page Updated
Do you use material-design-icons? Leave a review!
View open issues (612)
View material-design-icons activity
View on github
Book a Mock Interview With Me (Silicon Valley Engineering Leader, 100s of interviews conducted)
Software engineers: It's time to get promoted. Starting NOW! Subscribe to my mailing list and I will equip you with tools, tips and actionable advice to grow in your career.
Evaluating material-design-icons for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Help us understand this repository

The Google Fonts team has adopted the Material Icon program. Please help us understand the use of this repository by filling out a short survey.

Material design icons

Material design icons is the official icon set from Google. The icons are designed under the material design guidelines.

3.0.1 Update

  • Changed license in package.json.
  • Added missing device symbol sprites.

3.0.0 Update

License change to Apache 2.0!

Getting Started

Read the developer guide on how to use the material design icons in your project.

Using a font collection

The iconfont folder contains 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/icon?family=Material+Icons"

Read more in the font portion of our full developer guide.

Using symbols and sprites

The css-sprite and svg-sprite folders contain pre-generated sprite sheets, as well as svg symbols that can be <use>d more directly and with fewer constraints. Instructions for using them are in the sprites documentation.

Polymer icons

If you wish to use the icon set with Polymer, we recommend consuming them via the <iron-icons> element (<core-icons> in v0.5).


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. The only thing we ask is that you not re-sell these icons.

material-design-icons open issues Ask a question     (View All Issues)
  • almost 4 years Unable to Install from npm (extract not completing)
  • almost 4 years [Icon request] Pin icon
  • almost 4 years date range icon documentation issue
  • almost 4 years [Icon Request] check outline
  • almost 4 years Taj Mahal Icon
  • almost 4 years [Icon request] Cardboard/VR icon
  • about 4 years [Icon Request] expand, collapse
  • about 4 years [Icon Request] Launch Rocket
  • about 4 years Icon Request: project and projects icon
  • about 4 years Bad preview or icon for person pin icon
  • about 4 years Icon Request: Pending
  • about 4 years Prevent '?' from displaying when no icon name is intentionally specified
  • about 4 years Icon Request: sun
  • about 4 years ic_notification_48px family icons have fill
  • about 4 years ic_airplanemode_active_48px.svg has degenerate path
  • about 4 years ic_scanner_48px.svg has superfluous (hidden) white rectangle
  • about 4 years Wrong Strikethrough SVG
  • about 4 years Swift 3 release?
  • about 4 years Material icons not showing in Edge
  • about 4 years [Icon Request] Home Outline
  • about 4 years Icon-request: Infinity symbol
  • about 4 years How to edit or add an icon?
  • about 4 years Icon-request: Freight Truck
  • about 4 years Icon Request: Social Sites Icons
  • about 4 years Icon Request: To-do
  • about 4 years Icon Request: audiotrack off
  • about 4 years Icon Request: domain icon with plus sign
  • about 4 years Icon request: rename
  • about 4 years Icon request: hashtag
  • about 4 years Use @ when naming iOS 1x, 2x and 3x icons
material-design-icons open pull requests (View All Pulls)
  • Added missing Contents.json files to iOS subdirectories
  • Added Sketch files
  • mat icon
  • added SVG font format + gulp build task (TTF to SVG transformation). fixes #149
  • Remove colored fills from icons.
  • Replace // with /**/ – issue #249
  • fix typo so navigating via hash should work
  • add settings_input_serial icon pack
  • fixes typo: "catesian" → "cartesian"
  • Misaligned from artboard
  • Added missing icon category for Gulp file
  • Add missing 24px and 48px SVGs
  • Exit from app icon.
  • Not complete/To do later icon
  • Remove redundant paths #490
  • 2.2.0
  • Version info
  • Merge pull request #304 from google/2.2.0
  • Remove fill from arrow_downward path
  • README: remove confusing re-sell requirement
  • updated
  • updated
  • Updated links to use https instead of http
  • Adding barcode icon
  • add qr code icon web 1x, web 2x, ios, android hdpi, mdpi, xhdpi, xxhd…
  • Update docs to include --save in npm install
  • License looks better now
  • fix "failed to compile" error
  • remove extra space
  • Activate Apache license
  • Bump lodash from 3.10.1 to 4.17.19
  • Swap compact and comfy icons
  • Small mistakes
  • React component wrapper over svg icons
  • Ligature Support in Microsoft Edge on Website
  • created
  • Added classes for implementing SEO-optimized icon usage
  • Update README.md
  • Add forest icon for svg, ios, android and web
  • //Comment added
  • Fixed alignment issues in Restart icon, find it under Fixed Icons folder
  • Update README.md
  • Change sprity/sprity-gm with spritesmith/gmsmith
  • add yarnpkg
material-design-icons questions on Stackoverflow (View All Questions)
  • Use material design icons with Angular ng-repeat list item
  • Material Design Icons not showing in browser
  • How to use Material Design Icons in Angular app
  • Import material design icons into an android project
  • Material design icons with webpack and angularjs loading wrong icons
  • Why is there no icon for edit content in material design icons?
  • Setting transparency of material design icons
  • Where can i find and download Material Design icons for my Android app?
  • How can I use the Material Design icons in XML in Android?
  • How can the colour of the Material Design icons be changed to suit a specific theme?
  • Implementing material design icons for iOS and mobile Safari
  • Phonegap for Android : material design icons are not displayed
  • android studio and material design icons
  • Material design icons, how to center them as text?
  • how to use own material design icons with materializecss?
  • Android Standard Pre-Material Design Icons library
  • Should importing material design icons work offline with my current code?
  • Material Icons vs Material Design Icons
  • Set background color of SVG Material Design Icons
  • the grunt serve command freeze after I added material-design-icons
material-design-icons list of languages used
material-design-icons latest release notes
3.0.1 Material Icons 3.0.1

Corrects the license in package.json to use Apache 2.0 and adds missing device SVG sprites.

3.0.0 Material Design Icons 3.0.0

License change to Apache 2.0!

2.2.3 Material Design Icons 2.2.3

No content changes.

Attempting to fix a problem where npm install fails with "npm ERR! cb() never called".

Other projects in CSS
Powered by Autocode - Instant Webhooks, Scripts and APIs
Autocode logo wordmark