How do I change the dropdown icon in material-ui select field?

November 28, 2023 by Tarik

In latest Material-ui v1.4.0. there is a property IconComponent which can receive function:

import Select from '@material-ui/core/Select';
import Person from '@material-ui/icons/Person';
<Select
  IconComponent={() => (
    <Person />
  )}>

Also, in case the icon is not clickable, you need to add in css
{ pointer-events: none }