ricons

The icons the Raft Design System draws itself, for meanings no Lucide icon carries, as React components. Every other icon in Raft comes from Lucide.

import { ThreadIcon } from "@botiverse/ricons";

<ThreadIcon className="size-4" />;

Load the stylesheet once, unless the app already loads raft-ui's styles.css, which imports it. It holds the rule that draws UnfollowArtifactIcon's minus heavier at 16px; without it the icon keeps the plain minus at every size.

@import "@botiverse/ricons/styles.css";

Each icon is an svg drawn in currentColor that takes the svg element's own props. It is hidden from assistive technology, so name the control around it. The package depends only on React.

Import them only from here: @botiverse/raft-ui depends on ricons for its own components and stylesheet, but doesn't export the icons.

When to use each icon, how they are drawn and the rules: Icons.