UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

55 lines (37 loc) 1.73 kB
# @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