Type Alias IconProps

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

Properties

color?: string

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