@varua/icons

Original Flux UI iconography built on a 20 × 20 grid. The current set contains 67 icons across navigation, actions, status, theme, layout, content, communication, developer tooling, and brand.

import { SearchIcon, SparkIcon } from "@varua/icons";

<SearchIcon aria-label="Search" />
<SparkIcon aria-hidden="true" size={24} />

Contract

• 20 × 20 source grid
• 1.5 px default stroke
• currentColor
• rounded joins and caps
• decorative by default
• normal SVG props and React 19 refs
• no styling runtime
• generated from icons.json
• searchable intent keywords on every manifest entry
• no duplicate geometry aliases; use keywords instead

Run pnpm flux maintain generate after editing the manifest.

FluxMarkIcon uses the approved filled ribbon silhouette instead of a stroke. The rating-specific StarEmptyIcon, StarHalfIcon, and StarFilledIcon also use filled compound paths so all three states share exact geometry and the half state has a deterministic vertical split. These optical exceptions still inherit currentColor. The color-gradient branding asset is an SVG in @varua/identity/brand/flux-mark.svg, not extra runtime in the icon package.