1.0.0 • Published 8 years ago

@veho-tech/material-icons-react v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
8 years ago

material-icons-react

This is basically just https://www.npmjs.com/package/material-icons-react, but without all the dependencies.

Introduction

This package provides a convinient react component for using Google's Material Icons in your react application.

Features

Usage

Import module using the following statement.

import MaterialIcon, {colorPallet} from '@veho-tech/material-icons-react';
  1. Rendering an icon is straightforward.
<MaterialIcon icon="dashboard" />
<MaterialIcon icon="alarm_on" />
  1. Change the icon size by using the size property.
<MaterialIcon icon="dashboard" size='large' />
<MaterialIcon icon="dashboard" size={100} />
  1. Invert the icon by using the invert property.
<MaterialIcon icon="dashboard" invert />
  1. Make the icon inactivate by using the inactive property.
<MaterialIcon icon="dashboard" inactive />
  1. Change the color of an icon.
<MaterialIcon icon="dashboard" color={colorPallet.amber._200} />
<MaterialIcon icon="dashboard" color={colorPallet.amber.A700} />
  • Using a custom color.
<MaterialIcon icon="dashboard" color='#7bb92f' />

Icon size matrix

AliasSize
tiny18px
small24px
medium36px
large48px

License

MIT