material ui next icon code example

Example 1: Material-ui Add icon

import AddIcon from '@material-ui/icons/Add';
// don't forget to import the icon dependancy
// npm install @material Ui/icons

Example 2: react mui icons

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

import RoomIcon from '@material-ui/icons/Room';

<RoomIcon />

Example 3: Material-ui cold icon

import AcUnitIcon from '@material-ui/icons/AcUnit';
// don't forget to import the icon dependancy
// npm install @material Ui/icons

Example 4: material 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=baseline

Example 5: material 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=baseline

Example 6: Material-ui account icon

import AccountBoxIcon from '@material-ui/icons/AccountBox';
// or 
import AccountCircleIcon from '@material-ui/icons/AccountCircle';
// don't forget to import the icon dependancy
// npm install @material Ui/icons