icon button material ui code example

Example 1: material ui icon button

// if this helped, don't forget to upvote so others can see

import React from 'react';
import LocationOnIcon from '@material-ui/icons/LocationOn';
import IconButton from '@material-ui/core/IconButton';

export default function ButtonWithIcon () {

  return(
    <IconButton>
      <LocationOnIcon />
    </IconButton>
  )
}

Example 2: material ui icons are not clickable how to make it clickable

//surround the whatever Icon you have inside a <IconButton><IconButton/> tag 
this IconButton is being provided by @material-ui/core,so dont forget to import that

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: deleteicon material ui improt

import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';