@nine-thirty-five/material-icons-react
v1.1.2
Published
Flexible React package based on Google's Material Icons
Downloads
4
Maintainers
Readme
Use Google's Material Icons in React with ease.
Installation
# npm
npm install @nine-thirty-five/material-icons-react
# yarn
yarn add @nine-thirty-five/material-icons-react
# pnpm
pnpm add @nine-thirty-five/material-icons-react
Usage
@nine-thirty-five/material-icons-react
provides five Material icon variants.
Icon variants are:
- Outlined
- Filled
- Rounded
- Sharp
- Two Tone
Importing
There are two ways to import an icon based on your prefered type and variant.
// Outlined variant
import { Search } from '@nine-thirty-five/material-icons-react/outlined';
// Filled variant
import { Home } from '@nine-thirty-five/material-icons-react/filled';
// Rounded variant
import { Star } from '@nine-thirty-five/material-icons-react/rounded';
// Sharp variant
import { Favorite } from '@nine-thirty-five/material-icons-react/sharp';
// Two Tone variant
import { Delete } from '@nine-thirty-five/material-icons-react/twotone';
Component Props
Icon component support all props that a React SVG component supports.
// Sample props
<Search className="yourClassName" />
<Home style={{fill: 'red'}} />
<Star height='1rem' width='1rem' />
<Favorite fill='red' />
<Delete viewBox='0 0 24 24' />
License
Material design icons are created by Google.
We have made these icons available for you to incorporate into your products under the Apache License Version 2.0. 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.