🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

material-ui-icons-next

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

material-ui-icons-next

Material Design Svg Icons converted to Material-UI React components. Using material-ui-next peer dependency

1.0.0-beta.17-next
latest
Source
npm
Version published
Weekly downloads
12
-14.29%
Maintainers
1
Weekly downloads
 
Created
Source

material-ui-icons

This package provides the Google Material icons packaged as a set of React components.

Installation

Install the package in your project directory with:

npm install --save material-ui-icons

These components use the Material-UI SvgIcon component to render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.

If you are not already using Material-UI in your project, you can add it with:

npm install --save material-ui@next

Usage

The import path for each Material icon component includes the icon name in PascalCase.

For example to use the 'access alarm' icon component, import material-ui-icons/AccessAlarm.

Note: One exception is '3d rotation', which is named ThreeDRotation.

Examples

  • If your environment doesn't support tree-shaking, the recommended way to import the icons is the following:
import AccessAlarmIcon from 'material-ui-icons/AccessAlarm';
import ThreeDRotation from 'material-ui-icons/ThreeDRotation';
  • If your environment support tree-shaking you can also import the icons that way:
import { AccessAlarm, ThreeDRotation } from 'material-ui-icons';

Note: Importing named exports in this way will result in the code for every icon being included in your project, so is not recommended unless you configure tree-shaking.

Upgrading

If you are upgrading an existing project from Material-UI 0.x.x, you will need to revise the import paths from material-ui/svg-icons/<category>/<icon-name> to material-ui-icons/<IconName>.

Here's a jscodeshift codemod to help you upgrade.

Keywords

Material

FAQs

Package last updated on 25 Dec 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts