
# @lessondesk/material-icons
[![package version](https://img.shields.io/npm/v/@lessondesk/material-icons.svg?style=flat-square)](https://npmjs.org/package/@lessondesk/material-icons)
[![package downloads](https://img.shields.io/npm/dm/@lessondesk/material-icons.svg?style=flat-square)](https://npmjs.org/package/@lessondesk/material-icons)
[![standard-readme compliant](https://img.shields.io/badge/readme%20style-standard-brightgreen.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)
[![package license](https://img.shields.io/npm/l/@lessondesk/material-icons.svg?style=flat-square)](https://npmjs.org/package/@lessondesk/material-icons)
[![make a pull request](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

> Material Icon SVGs as React Components

## Table of Contents

- [About](#about)
- [Usage](#usage)
- [Install](#install)
- [Contribute](#contribute)
- [License](#License)

## About

[Material](https://material.io/tools/icons/) icons as React components. Created using [pixo](https://github.com/c8r/pixo).

## Usage

```js
import { Account, Bomb } from '@lessondesk/material-icons'

const Example = (props) => <div>
    <Bomb size="100px" color="tomato"/>
    <Acount mt="10px" bg="pink"/>
</div>
```


## Install

Ensure [peer dependencies](package.json) are installed, then:

```sh
$ npm install @lessondesk/material-icons
$ # OR
$ yarn add @lessondesk/material-icons
```

## Contribute

1. Fork it and create your feature branch: `git checkout -b my-new-feature`
2. Commit your changes: `git commit -am "Add some feature"`
3. Push to the branch: `git push origin my-new-feature`
4. Submit a pull request

## License

MIT © Full Facing
