Icon buttons are a quick and visual way to express an action. Icon buttons can have different shapes using the shape prop.

Icon buttons can have a smaller size using the size prop with the sm value.

Icon buttons can have different colors. The following example shows a primary button, using the color prop.

Icon buttons can have different colors. The following example shows a muted button, using the color prop.

Icon buttons can be shown in a loading state. Use the loading prop to show a loading indicator.

Icon buttons can be grouped into a single element using a flex container. Adjust border radiuses and borders to create a seamless group.