iconbutton material ui code example

Example 1: material ui textfield with icon button

// imports
import IconButton from "@material-ui/core/IconButton";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";

// render

<TextField
  label="With normal TextField"
  InputProps={{
    endAdornment: (
      <InputAdornment>
        <IconButton>
          <SearchIcon />
        </IconButton>
      </InputAdornment>
    )
  }}
/>

Example 2: 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 3: @material-ui/icons

yarn add @material-ui/icons

# NPM
npm install @material-ui/icons

Example 4: react mui icons

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

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

<RoomIcon />