Material-ui圖標主題

Question

Material.io/icons支持不同的圖標主題。

使用這些圖標時可以更改圖標的主題嗎？

import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';

Answer 1

對於“主題”圖標，請在圖標名稱后附加主題名稱。 例如，帶有您的圖標：

  import { AccessAlarmIconTwoTone } from '@material-ui/icons';

Answer 2

是的，您可以執行以下操作：

<AccessAlarmIcon className={classes.customIcon} />

在其中應使用styles創建styles （使用customIcon：{cssProperty：value}）var，並使用material-ui withStyles（styles）（ReactComponent）函數導出組件，或僅更改顏色：

<AccessAlarmIcon color='primary' />