Using Material UI Icons in react
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/coreUsing Material UI Icons in react
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core@material-ui/icons
yarn add @material-ui/icons
# NPM
npm install @material-ui/iconsmaterial ui icon
// Font Icons
// In order to use the font Icon component, you must first add the Material icons font. Here are some instructions on how to do so. For instance, via Google Web Fonts:
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
SVG Icons
In order to use prebuilt SVG Material icons, such as those found in the icons demos you must first install the @material-ui/icons package:
// with npm
npm install @material-ui/icons
// with yarn
yarn add @material-ui/icons
// resource for list of icons
https://material.io/resources/icons/?style=baselinematerial ui icons
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />material ui icons
<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>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
