如何增加material-ui图标？

Question

我从material-ui导入图标，并用我的JSX代码

全码：

import ArrowUp from 'material-ui-icons/KeyboardArrowUp' 
<Button fab color="primary"> 
    <ArrowUp style={{fontSize: '200%'}} /> 
</Button> 

使用fontSize的，我不能增加它的大小。

处理它的正确方法是什么？我究竟做错了什么？

Answer 1

尝试增加这样的按钮的标签样式：

import ArrowUp from 'material-ui-icons/KeyboardArrowUp' 
<Button fab color="primary" labelStyle={{ fontSize: 200% }}> 
    <ArrowUp /> 
</Button> 

Answer 2

在这样

<Button fab color="primary"> 
    <ArrowUp className="arrow-up" /> 
</Button> 

图标组件创建类选择，然后写CSS代码，让你的风格作为重要的是这样

.arrow-up{ 
font-size: 20px !important; 
}