input{    

background: url("http://kodyrabatowe.wp.pl/img/ico/search_gr.png") top left     no-repeat;

height:30px;

padding-left:25px;   

}

//////////////////////////

<!-- html code -->

<input type="text" name="txtBox" >

​

input{    

background: url("http://kodyrabatowe.wp.pl/img/ico/search_gr.png") top left     no-repeat;

height:30px;

padding-left:25px;   

}

//////////////////////////

<!-- html code -->

<input type="text" name="txtBox" >

import InputAdornment from '@mui/material/InputAdornment';

import TextField from '@mui/material/TextField';

import AttachMoneyIcon from '@mui/icons-material/AttachMoney';

​

export default function InputIcon() {

  return (

    <TextField

        id="input-with-icon-textfield"

        label="TextField"

        InputProps={{

          startAdornment: (

            <InputAdornment position="start">

              <AttachMoneyIcon />

            </InputAdornment>

          ),

        }}

        variant="standard"

      />

  );

}