How can I set the size of icons in Ant Design?

Gianluca Filitz picture Gianluca Filitz · Jan 31, 2019 · Viewed 15.4k times · Source

So when I'm using an Icon in Ant Design it is always 14 * 14 px. Is there a way to set the size maual?

Things like

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

or

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

do not work

Answer

&#223;iansor &#197;. &#197;lmerol picture ßiansor Å. Ålmerol · Jan 31, 2019

It should be

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

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