@aboutbits/react-material-icons

1.2.5 • Public • Published

React Material Icons

npm package license

This package includes all Material Icons as reusable React components.

Table of content

Usage

First, you have to install the package:

npm install @aboutbits/react-material-icons

Second, you can use the icons in you React application like this:

import React from 'react'
import IconCached from '@aboutbits/react-material-icons/dist/IconCached'

const MyCommponent = () => {
    return (
        <IconCached/>
    );
}

SVG related parameters like height and width can be passed as props.

To import the different variants of an icon you can add the variants as a postfix:

  • Icon10k > Default filled
  • Icon10kOutlined > Outlined
  • Icon10kRounded > Rounded
  • Icon10kSharp > Sharp
  • Icon10kTwoTone > Tow tone

Generate Components

To clear the directory with the existing icons before regenerating them:

npm run clear

To generate the components, simply run the following command:

npm run generate

Build & Publish

To publish the package commit all changes and push them to master. Then run one of the following commands locally:

npm version patch
npm version minor
npm version major

Information

About Bits is a company based in South Tyrol, Italy. You can find more information about us on our website.

Support

For support, please contact info@aboutbits.it.

Credits

License

The MIT License (MIT). Please see the license file for more information.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.2.5
    95
    • latest

Version History

Package Sidebar

Install

npm i @aboutbits/react-material-icons

Weekly Downloads

121

Version

1.2.5

License

MIT

Unpacked Size

24 MB

Total Files

21213

Last publish

Collaborators

  • aboutbits_tech