Type Alias IconProps

type IconProps = {
    className?: string;
    color?: string;
    name: IconName;
    size?: IconSize;
}

Properties

className?: string

A custom CSS class to apply to the icon

color?: string

use className instead

View all icon names in Storybook

size?: IconSize

Most frequently used sizes are 2xs (0.625em), xs (0.75em), sm (0.875em), lg (1.25em) and xl (1.5em)

You can also use values from 1x to 10x, which are straight multiples of em (i.e., 5x = 5em)

em is a length unit relative to the font-size of the element, which is usually 16px. Learn more about CSS Units