如何在material-ui iconButtons中放大SVG图标？

如何在material-ui iconButtons中放大SVG图标？

您必须在中设置

iconStyle

道具中图标的大小

<IconButton>

。下面的示例来自material-ui docs。

根据我的经验，如果仅设置高度或宽度，则什么都不会发生-仅在将height＆width设置为相同值时才起作用。

import React from 'react';import IconButton from 'material-ui/IconButton';import ActionHome from 'material-ui/svg-icons/action/home';const styles = {  largeIcon: {    width: 60,    height: 60,  },};const IconButtonExampleSize = () => (  <div>    <IconButton      iconStyle={styles.largeIcon}    >      <ActionHome />    </IconButton>  </div>);