The arrow right icon: a 24 by 24 stroke glyph that takes its colour from the text around it.
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.
Arrow Right Icon Sizes
1const ArrowRightIconSizes = () => (2 <>3 <ArrowRightIcon size="sm" />4 <ArrowRightIcon />5 <ArrowRightIcon size="lg" />6 <ArrowRightIcon size="xl" />7 </>8);910render(<ArrowRightIconSizes />);
Named with `titleAccess`, so assistive technology announces it.
Named Arrow Right Icon
1const NamedArrowRightIcon = () => (2 <ArrowRightIcon titleAccess="Arrow Right" />3);45render(<NamedArrowRightIcon />);