SVG fontSize sets by default to true and ignore width and height for SVG

SVG fontSize sets by default to true and ignore width and height for SVG

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Expected use root overrides style when fonwSize are not provided So I have overrides for MuiSvgIcon

export default theme => ({
    root: {
        width: 18,
        height: 18,
    },
})

Current Behavior

But when I use my icon without fontSize props, it steal overrides the root style: <Add />

Context

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.33
React	16.2
browser	Chrome 64
etc

[oliviertassinari]

@palaniichukdmytro Thanks. I confirm the plan change will solve your issue. Basically, we will remove the fontSize style to merge it into the root one. The ButtinIcon will apply a font size. Your override will work as expected.

[palaniichukdmytro]

As you can see here when I use svg icon itself without fontSize boolean props , it works as expected. But when I wrapped to IconButton the svg inside use fontsize , but I did not provide it https://codesandbox.io/s/jnwrq7zv0v