By default, the size of all icons is
24px. The size is adjustable using the
size prop and CSS.
Adjusting the icon size using the
Adjusting the icon size via CSS
The CSS properties
height can be used to adjust the icon size.
Dynamically change the icon size based on the font size
It is possible to resize icons based on font size. This can be achieved using the
em unit. See this MDN article for more information on the
Resizing with Tailwind
w-* utilities can be used to adjust the size of the icon.