Components
Icons
In ProgressA thin wrapper around lucide-react that applies design-system size tokens. Pass any Lucide icon as a component reference — tree-shaking stays intact and the full 600+ icon library is available.
Icon component
Size scale
xs
sm
md
lg
xl
Color
600+ icons available
Browse the full library at lucide.dev/icons. Import directly from lucide-react and pass the component via the icon prop — no registration needed.
Brand icon
MneeIcon is a gradient SVG asset — not a Lucide icon. Size with Tailwind w-* / h-* classes.
Usage
import { Wallet, Zap } from "lucide-react";import { Icon } from "@mnee-ui/ui";// Pass any Lucide icon as a component reference<Icon icon={Wallet} size="md" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | LucideIcon | required | Any Lucide icon component reference |
| size | "xs" | "sm" | "md" | "lg" | "xl" | "md" | Design-system size token (12 / 14 / 16 / 20 / 24px) |
| className | string | — | Tailwind utilities — use text-* for color |
| strokeWidth | number | 2 | Lucide stroke width passthrough |
| aria-label | string | — | Accessible label for standalone icons |
Design system owned by Federico (Head of UX). For token additions or icon system changes, coordinate with the UX team before publishing.