Chevron Down icon v0.1.0

Examples of v0.1.0 are shown as code; only the latest version runs live. Open the live examples →

The icon at each size; it takes its colour from the surrounding text.

Chevron Down Icon Sizes

1const ChevronDownIconSizes = () => (
2  <>
3    <ChevronDownIcon size="sm" />
4    <ChevronDownIcon />
5    <ChevronDownIcon size="lg" />
6    <ChevronDownIcon size="xl" />
7  </>
8);
9
10render(<ChevronDownIconSizes />);

Named with `titleAccess`, so assistive technology announces it.

Named Chevron Down Icon

1const NamedChevronDownIcon = () => (
2  <ChevronDownIcon titleAccess="Chevron Down" />
3);
4
5render(<NamedChevronDownIcon />);