Icon
Lucide icons behind a curated registry — type-safe names, system sizes (xs 12 · sm 14 · md 16 · lg 20), consistent stroke. For anything outside the set, use lucide-react directly.
The set
search
check
x
plus
minus
chevron-down
chevrons-up-down
arrow-up
arrow-down
arrow-up-down
arrow-up-to-line
rocket
sun
moon
user
users
settings
bell
pencil
trash
copy
ellipsis
external-link
filter
folder
globe
home
log-out
calendar
Sizes
xs
sm
md
lg
Usage
import { Icon } from "@hamelndigital/ui";
<Icon name="search" />
<Icon name="rocket" size="md" className="text-accent-text" />
<Button variant="secondary" size="sm"><Icon name="plus" size="xs" /> New</Button>
// outside the set — same style, direct from lucide-react:
import { Sparkles } from "lucide-react";