Behive Tech Registry

Icon

v0.3.0

A hand-authored, stroke-based SVG icon set behind a single `Icon` component — the same idea as `@ant-design/icons`/`@mui/icons-material`, but self-contained (no new dependency). Icons use `stroke="currentColor"`, so they inherit color from whatever text color is in scope.

pnpm add @behivetech/atoms.icon

Edit the code and the preview updates as you type. Every registry export is in scope — BoldIcon, BoxIcon, CampBorderIcon, ChevronDownIcon, ChevronUpIcon, CloseIcon, CursorIcon, EllipseIcon, FileTextIcon, Icon, ImageIcon, ItalicIcon, LabelIcon, LinkIcon, ListIcon, PencilIcon, PolygonIcon, RectangleIcon, RestroomIcon, RoadIcon, StructureIcon, TrashIcon, UploadIcon, createIcon from this package, plus React hooks and every other component in the registry.

Playground
const names: IconName[] = [
  "close",
  "chevron-up",
  "chevron-down",
  "pencil",
  "trash",
  "box",
  "upload",
  "bold",
  "italic",
  "list",
  "link",
  "image",
  "file-text",
];

const AllIcons = () => (
  <div style={{ display: "flex", gap: "0.75rem" }}>
    {names.map((name) => (
      <Icon key={name} name={name} />
    ))}
  </div>
);

render(<AllIcons />);