Ant Design 如何设置图标大小？

Question

所以当我在 Ant Design 中使用图标时，它总是 14 * 14 像素。有没有办法手动设置大小？

像

<Icon width={"20px"} type="setting" />

或者

<Icon style={{width: '20em'}} type="setting" />

不工作

原文由 Gianluca Filitz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

可以使用 fontSize 样式属性更改图标的大小。

例如：使用 style={{ fontSize: '150%'}}

 <PlayCircleFilled style={{ fontSize: '150%'}} />

原文由 Kelum Sampath Edirisinghe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

它应该是

<Icon type="message" style={{ fontSize: '16px', color: '#08c' }} theme="outlined" />

https://codepen.io/anon/pen/wNgrWX

原文由 ßiansor Å. Ålmerol 发布，翻译遵循 CC BY-SA 4.0 许可协议