# Icons

Package: @commenda/pathfinder@0.1.0
Page: /docs/assets/icons

<AssetExplorer collection="icons" />

## Usage [#usage]

```tsx
import { SearchMdIcon } from '@commenda/pathfinder/icons';
<SearchMdIcon size={16} tone="brand" label="Search" />;
```

**ASSET-ICON-01:** Sizes are 12, 16 (default), 20, and 24. Use 16 beside Label/13 and small/medium controls; 20 for large controls; 12 for badges/dense tables; 24 for featured/empty states.

**ASSET-ICON-02:** The 16px drawing uses an effective 1.5px stroke. The 12/20/24 variants reuse the 24px SVG where a rendered comparison verifies matching geometry. Width and height change at rendering time; redundant source copies are removed. Outlined geometry does not accept a stroke-weight override.

**ASSET-ICON-03:** Default is Soft Pearl 900; `quiet` uses 800, `strong` 1000, `brand` Blue 700, and `destructive` Red 700. `inherit` takes the parent's color. Brand-colored Commenda artwork retains its own colors and has no tone prop.

Figma contains 1,186 families: 1,173 Untitled UI icons, five Commenda marks, and **eight** Pathfinder additions. Its introduction still says seven additions; `stop-fill` is the extra family. The [asset reference](/assets.txt) lists every named export and supported size; `assets.json` retains source-node provenance.