Rectangle icon

v0.1.0
Stable

The rectangle icon: a 24 by 24 stroke glyph that takes its colour from the text around it.

pnpm add @behivetech/icons.rectangle
  • icon

This is the snapshot of v0.1.0, the current version, as recorded on 2026-11-10. The live page runs its examples →

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.

Rectangle Icon Sizes
1const RectangleIconSizes = () => (
2  <>
3    <RectangleIcon size="sm" />
4    <RectangleIcon />
5    <RectangleIcon size="lg" />
6    <RectangleIcon size="xl" />
7  </>
8);
9

10render(<RectangleIconSizes />);

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

Named Rectangle Icon
1const NamedRectangleIcon = () => (
2  <RectangleIcon titleAccess="Rectangle" />
3);
4

5render(<NamedRectangleIcon />);