@burrow-ui/icons

Stroke-based SVG icon set for Burrow UI. 60+ commonly-used icons as tree-shakeable React components. Zero runtime dependencies beyond React itself — every icon is an inlined <svg>, not a re-export of another icon library.

yarn add @burrow-ui/icons react

import {ChevronDown, Heart, Search} from "@burrow-ui/icons";

<button>
  <Search size={18} /> Search
</button>

<ChevronDown size={20} color="#a855f7" />

<Heart size={32} fill="currentColor" color="#ec4899" />

All icons share the same prop API (IconProps):

| Prop | Type | Default | Notes | | ------------- | ------------------------- | ---------------- | --------------------------------------------- | | size | number \| string | 24 | width + height | | color | string | "currentColor" | stroke color (inherits text color by default) | | strokeWidth | number \| string | 2 | line thickness | | ...rest | SVGProps<SVGSVGElement> | — | spread onto the underlying <svg> |

Need a custom icon? Use the createIcon factory:

import {createIcon} from "@burrow-ui/icons";

export const MyIcon = createIcon("MyIcon", <path d="M3 12h18" />);