Icon boxes can have different sizes and radius factors. Use the rounded prop to change the radius of the box. You can also use the size prop to change the size of the box.

Icon boxes can have different sizes and radius factors. Use the rounded prop to change the radius of the box. You can also use the size prop to change the size of the box.

Icon boxes can have different sizes and radius factors. Use the rounded prop to change the radius of the box. You can also use the size prop to change the size of the box.

Icon boxes can have different sizes and radius factors. Use the rounded prop to change the radius of the box. You can also use the size prop to change the size of the box.

Icon boxes can have different sizes and radius factors. Use the rounded prop to change the radius of the box. You can also use the size prop to change the size of the box.

Icon boxes can have different colors. Use the variant and the color props to change the color and style of the box.

Icon boxes can have different colors. Use the none color combined with Tailwind CSS utility classes to create your own solid colors.

Icon boxes can have different colors. Use the variant and the color props to change the color and style of the box.

Icon boxes can have different colors. Use the none color combined with Tailwind CSS utility classes to create your own pastel colors.

Icon boxes can have different colors. Use the variant and the color props to change the color and style of the box.

Icon boxes can have different colors. Use the none color combined with Tailwind CSS utility classes to create your own outline colors.

Icon boxes can be displayed using SVG masks, bringing fancier shapes to your UI. Keep in mind that the mask prop is only available for the none radius.

Icon boxes can have custom color shadows. Use the none color combined with Tailwind CSS utility classes to create your own shadow colors.