Skip to content
On this page

Sizing

By default the size of the icons are 24px . This is adjustable by using passing the size prop or change it by using CSS.

Adjusting size with size prop

Adjusting size with CSS

Width and height can be used to adjust icon size.

Resize based on font size

It is possible to resize icons based on font size. This can be accomplished by using the em 's to resize based on font size.

Resizing with Tailwind

h-* and w-* utlities can be used to adjust the size of the icon.