Open pmasior opened 2 years ago
@DukeManh me too. but I found this workaround. (v5.2.5)
NOT work
<Icon sx={{ fontSize: 18 }}>show_chart</Icon>
work
<Icon style={{ fontSize: 18 }}>show_chart</Icon>
@DukeManh me too. but I found this workaround. (v5.2.5)
NOT work
<Icon sx={{ fontSize: 18 }}>show_chart</Icon>
work
<Icon style={{ fontSize: 18 }}>show_chart</Icon>
Thanks for your answer. This workaround works in my case
I'm able to set it at a theme level with
components: {
MuiIcon: {
styleOverrides: {
fontSizeInherit: () => ({
fontSize: 'inherit !important',
}),
fontSizeSmall: ({ theme }) => ({
fontSize: `${theme.typography.pxToRem(20)} !important`,
}),
fontSizeLarge: ({ theme }) => ({
fontSize: `${theme.typography.pxToRem(36)} !important`,
}),
},
},
},
But this seems ridiculous to have to do
Hi, any news on this problem?
Hi, any news on this problem?
Hi, I still see this issue in the latest version. "5.16.6"
Duplicates
Latest version
Current behavior 😯
Set component props as for example
fontSize="small"
orsx={{ fontSize: 30 }}
don't modify size of icon. It doesn't work for Material Icons. Change font size for FontAwesome icons works correctly.Expected behavior 🤔
Icon size should be changed after set
fontSize="small"
orsx={{ fontSize: 30 }}
Steps to reproduce 🕹
Steps:
Context 🔦
I tried to insert icon and change its size using component
Your environment 🌎