How to enlarge the SVG icon in material-ui iconButtons?

Note: iconStyle prop is no longer supported on IconButton Material UI making this answer obsolete

You have to set the size of the icon in the iconStyle prop in <IconButton>. Example below from the material-ui docs.

From my experience, if you set just the height or the width, nothing happens--only seems to work when you set height & width to the same value.

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>
);

do this

<SomeIcon className="svg_icons"/>

.svg_icons {
  transform: scale(1.8);
}

just use scale :D it works