reactJS Material UI字体图标集大小

Question

is there a way to make the font icon smaller in size?

I have tried the code below but it doesn't seem to work.

<FontIcon className='fa fa-quote-left' style={{ fontSize: '50px' }} />

Answer 1

尝试使用材料图标字体：

<FontIcon className="material-icons" style={{fontSize: '32px'}}>home</FontIcon>

Answer 2

Font Awesome, also import the font via stylesheet:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<FontIcon className="fa fa-star" style={{fontSize: '58px'}}></FontIcon>

Answer 3

material-ui图标文档建议使用其属性'fontSize';

<FontIcon className="material-icons" fontSize="large">home</FontIcon>