Ellipse icon v0.1.0 · @behivetech

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.

Ellipse Icon Sizes

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

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

Named Ellipse Icon

1const NamedEllipseIcon = () => <EllipseIcon titleAccess="Ellipse" />;
2
3render(<NamedEllipseIcon />);