material ui - Change checkbox icon in theme

Question

Is it possible to change the icon of the checkbox from the theme in Material UI?

props: {
        MuiButtonBase: {
            disableRipple: buttonRippleDisable
        },
        MuiButton: {
            disableElevation: buttonElevationDisable
        },
        MuiCheckbox: {
            icon: CheckCircleOutline,
        }
    }

question from:https://stackoverflow.com/questions/66063935/change-checkbox-icon-in-theme

Answer 1

yes. pass the icon in props object in theme as you've done above.

const theme = createMuiTheme({
    props:{
        MuiCheckbox:{
            icon: <FavoriteBorder />,
            checkedIcon:<Favorite />
        }
    }
});

Now wherever you use the checkbox in the scope of this theme, you'll get this icon by default.

Working demo: