如何在 Material 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" ，那么我們可以在上面看到的方式將起作用。

<RemoveIcon fontSize="inherit"/>