4.9.1 • Published 5 days ago

@material-ui/icons v4.9.1

Weekly downloads
1,075,598
License
MIT
Repository
github
Last release
5 days ago

@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 @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:

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

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. For "themed" icons, append the theme name to the icon name, for example AccessAlarmOutlined.

Note, there are three exceptions:

  • '3d rotation' is named ThreeDRotation
  • '4k' is named FourK
  • '360' is named ThreeSixty

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.

@domainascode/dummy-componentsreactjs-99unoreact-ts-webpackreact-locked-inputtest-neutrino-lib@aschrimpf-usgs/usgs-uisupplier-ms-react-workflowdefi-finder-calculatorzwap-qrcode-frontend@igloo_cloud/shared-uinawadata-web-testingruntime-osmiumn2neo4j@artibulles-cis/reactmycat-peiqi@milkfloat/halo@storycopter/gatsby-starter-storycopterimdashimdashboardmydashboardsayeeddashboardreact-yii-toolsgamibot-dashboard@testdev0922/restaurant@ucam.uis.devops/choosecolumnsdialogjaivanajaivana_dashboardor-ui-dionerevelio@byorbit/or-ui-lentussvn-controletarnet-jumbo-reactharriet-upptest-react-component-lib-annacustom-table-kldjskljasd@thuanpq/airvert-uipowersports_expopa-temp-design-system@qlippoth/core@softbankrobotics/component-libascira-design-systemdxp-common-chat-ui@bizongo/go-bitstransportadoras-uipax-design-system@cepres/uikit@webeetle-it/bee-themeeecalculationsdkt-react-tablesebrae-react-scriptsmdk-uivk-ui_plugin-integrationsdashboard-access-libraryvk-ui_plugin-loginzozengo-reacttiya-my-typescripttiyaa-my-typescript@puzzledbytheweb/gatsby-theme-ecommerce-corefieldfirst-againdesign-frameworkpollen-uidatacwebappscra-datacwebappscra-datacwebapssdhi-ui-componentsdhi-ui-learnstorybookritual-frontend-componentsminiestorpeupful_editor_libupful_editor_library@34fame/validator-exampleauth-widgetbicoesite-biportal-demobrt-material-ui-layoutmortgage-hub-component-libraryplatinion-paris-react-componentsportal-webreact-rogatioreact-rogatio-builder@mini-apps/devtoolsta-tmr-tracker-fe@carinaweb/uivida-cms@exploit.v02/decor@hacktion/test-library@testdev0922/subscribesimple-storybook@hurumap/coreinova-react-componentsrafaelgcs-dropzone-reactlure-uilotus-subscribemui-scytlmui-table-react@geoweb/core@alyz.tech/alyz-sdk@alyz.tech/alyz_js_sdk@hurumaptest/componentsseamlessdocs-client@byhuz/or-ui-lentus
5.0.0-alpha.13

5 days ago

5.0.0-alpha.11

26 days ago

5.0.0-alpha.7

2 months ago

5.0.0-alpha.4

3 months ago

5.0.0-alpha.1

4 months ago

4.9.1

9 months ago

4.5.1

1 year ago

4.4.3

1 year ago

4.4.1

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.1.0

1 year ago

4.0.1

1 year ago

4.0.0

1 year ago

4.0.0-rc.0

1 year ago

4.0.0-beta.0

1 year ago

4.0.0-alpha.8

2 years ago

4.0.0-alpha.1

2 years ago

4.0.0-alpha.0

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

1.1.1

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

2.0.0-beta.1

2 years ago

1.1.0

2 years ago

1.0.0

2 years ago

1.0.0-rc.0

2 years ago

1.0.0-beta.43

3 years ago

1.0.0-beta.42

3 years ago

1.0.0-beta.41

3 years ago