# Sizing By default, the size of all icons is `24px` by `24px`. The size is adjustable using the `size` prop and CSS. ## Adjusting the icon size using the `size` prop ## Adjusting the icon size via CSS The CSS properties `width` and `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](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#ems) for more information on the `em` unit. ### Resizing with Tailwind `h-*` and `w-*` utilities can be used to adjust the size of the icon.