# material-design-icons

> Material Design icons by Google

Latest version **3.0.1** (published 2016-09-02) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install material-design-icons
pnpm add material-design-icons
yarn add material-design-icons
bun add material-design-icons
```

## Health

**Score 40/100 (D)** — status: abandoned.

Positive: no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 3.0.1 |
| Published | 2016-09-02 |
| First published | 2014-10-17 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 54033 |
| Author | Material Design Authors |
| Maintainers | addyosmani, appsforartists, jestelle, marcopashkov, shyndman |
| Keywords | icons, material, material-design, google |

## Links

- npm: https://www.npmjs.com/package/material-design-icons
- Repository: https://github.com/google/material-design-icons
- Issues: https://github.com/google/material-design-icons/issues
- npm.io page: https://npm.io/package/material-design-icons

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 3.0.1 (latest) — 2016-09-02
- 3.0.0 — 2016-08-25
- 2.2.3 — 2016-03-19
- 2.2.2 — 2016-03-17
- 2.2.1 — 2016-03-10
- 2.2.0 — 2016-02-17
- 2.1.3 — 2015-12-31
- 2.1.1 — 2015-11-23
- 2.1.0 — 2015-11-18
- 2.0.0 — 2015-05-28
- 1.0.1 — 2014-11-14
- 1.0.0 — 2014-10-17

## README

# Material design icons

Material design icons are the official [icon set](http://www.google.com/design/spec/style/icons.html#icons-system-icons) from Google that are designed under the [material design guidelines](http://www.google.com/design/spec).

### 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](http://google.github.io/material-design-icons/) 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:

```html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
```

Read more in the [font portion](http://google.github.io/material-design-icons/#icon-font-for-the-web) 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](https://github.com/google/material-design-icons/tree/master/sprites).

## Polymer icons

If you wish to use the icon set with Polymer, we recommend consuming them via the [`<iron-icons>`](https://github.com/polymerelements/iron-icons) element ([`<core-icons>`](https://github.com/Polymer/core-icons) in v0.5).

## License

We have made these icons available for you to incorporate them into your products under the [Apache License Version 2.0](http://www.apache.org/licenses/LICENSE-2.0.txt). 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.

---
_Source: https://npm.io/package/material-design-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._