Icons

Icon library for consistent visual communication across the platform.

Icons

Icon library using Lucide React. Only icons documented here should be used.

MenuOpen navigation
XClose / dismiss
CircleUserUser profile
PowerSign out
RefreshCcwSubscription / renewal
MailEmail
CalendarBooking / schedule
ArrowRightNext / submit
LinkedinLinkedIn social
CheckCheckmark / confirm
ChevronDownDropdown / expand
AlertTriangleWarning / error
Usage Guidelines

Library

This design system uses Lucide React for icons.

import { IconName } from 'lucide-react'

Sizing

Use Tailwind size utilities: size-4, size-5, size-6, size-8

Colors

Common colors: text-neutral-800, text-white, text-slate-300

Example

<Menu className="size-6 text-neutral-800" />