material ui change tickmark color of checkbox code example

Example 1: change tick color of Checkbox materil ui

<Checkbox label='My checkbox' 
  labelStyle={{color: 'white'}}
  iconStyle={{fill: 'white'}}
/>

Example 2: material ui change checkbox tick color

<FormControlLabel
	control={
		<Checkbox name="checkedC" checkedIcon={<Icon icon="green-tick" size={10} />} />
		}
	label="Remember Password"/>
    
//css

"& .MuiIconButton-label": {
	fontSize: 24,
	border: "1px solid #bbbbbb",
	width: 20,
	height: 20,
	borderRadius: 3,
	"& .MuiSvgIcon-root": {
		fill: "#fff",
		},
	},

Tags:

Misc Example