material-design-icons

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 33809
Number of open issues 399
Average time to close an issue 22 days
Main language CSS
Average time to merge a PR 13 days
Open pull requests 29+
Closed pull requests 33+
Last commit 6 months ago
Repo Created almost 4 years ago
Repo Last Updated 4 months ago
Size 46 MB
Homepage http://google.git...
Organization / Authorgoogle
Latest Release3.0.1
Contributors13
Page Updated
Do you use material-design-icons? Leave a review!
View open issues (399)
View material-design-icons activity
View on github
Latest Open Source Launches
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating material-design-icons for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

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"
      rel="stylesheet">

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).

License

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)
  • over 1 year Unable to Install from npm (extract not completing)
  • over 1 year [Icon request] Pin icon
  • over 1 year date range icon documentation issue
  • over 1 year [Icon Request] check outline
  • over 1 year Taj Mahal Icon
  • over 1 year [Icon request] Cardboard/VR icon
  • almost 2 years [Icon Request] expand, collapse
  • almost 2 years [Icon Request] Launch Rocket
  • almost 2 years Icon Request: project and projects icon
  • almost 2 years Bad preview or icon for person pin icon
  • almost 2 years Icon Request: Pending
  • almost 2 years Prevent '?' from displaying when no icon name is intentionally specified
  • almost 2 years Icon Request: sun
  • almost 2 years ic_notification_48px family icons have fill
  • almost 2 years ic_airplanemode_active_48px.svg has degenerate path
  • almost 2 years ic_scanner_48px.svg has superfluous (hidden) white rectangle
  • almost 2 years Wrong Strikethrough SVG
  • almost 2 years Swift 3 release?
  • almost 2 years Material icons not showing in Edge
  • almost 2 years [Icon Request] Home Outline
  • almost 2 years Icon-request: Infinity symbol
  • almost 2 years How to edit or add an icon?
  • almost 2 years Icon-request: Freight Truck
  • almost 2 years Icon Request: Social Sites Icons
  • almost 2 years Icon Request: To-do
  • almost 2 years Icon Request: audiotrack off
  • almost 2 years Icon Request: domain icon with plus sign
  • almost 2 years Icon request: rename
  • almost 2 years Icon request: hashtag
  • almost 2 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
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