// with npm
npm install @material-ui/icons
// with yarn
yarn add @material-ui/icons
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
// with npm
npm install @material-ui/icons
// with yarn
yarn add @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.
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<Icon>add_circle</Icon>
<Icon color="primary">add_circle</Icon>
<Icon color="secondary">add_circle</Icon>
<Icon style={{ color: green[500] }}>add_circle</Icon>
<Icon fontSize="small">add_circle</Icon>
<Icon style={{ fontSize: 30 }}>add_circle</Icon>