settings icon material ui 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: @material-ui/icons

yarn add @material-ui/icons

# NPM
npm install @material-ui/icons

Example 3: react mui icons

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

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

<RoomIcon />

Example 4: material-ui add icon to switch when on

import React from 'react';
import Switch from '@material-ui/core/Switch';
import AccountCircleIcon from '@material-ui/icons/AccountCircle';

export default function App() {
  return (
    <Switch 
    checkedIcon={<AccountCircleIcon/>}
    />
  );
}

Tags:

Html Example