如何改变一个图标的大小在材质UI 4.0?

Question

我尝试了fontSize和height和width，但它不起作用。

的例子:

/*Component code */
<Tooltip title="Disminuir cuotas">
<IconButton
className={clsx(classes.quotaIcons, classes.minusIcon, {
[classes.quotaIconsRight]: buttonsToTheRight
})}
size="small"
color="primary"
onClick={() => handleBillingsNumber('minus')}
>
<RemoveIcon />
</IconButton>
</Tooltip>
/*Component code */
const useStyles = makeStyles(theme => ({
quotaIcons: {
fontSize: 32,
color: theme.palette.primary.main
},
minusIcon: {
marginRight: theme.spacing(2)
},
quotaIconsRight: {
fontSize: 8
},
});

Answer 1

在@material-ui/icons的图标组件中使用fontSize="inherit"prop，然后我们可以看到上面的方式将工作

<RemoveIcon fontSize="inherit"/>