Lucide Icons
The CESS FRSah design system uses Lucide icons from lucide-react. Import icons as React components and size them with className.
import { LayoutDashboard } from 'lucide-react';
<LayoutDashboard className="size-4" />Navigation
Sidebar menu and section navigation.
Dashboard
LayoutDashboardClub profile
IdCardPublic page
GlobeCommunication
MessageSquareRequests
UserPlusMembers
UsersEvents
CalendarEnrollments
FileSignatureReports
LineChartMenu
MenuBack
ArrowLeftForward
ArrowRightChevron up
ChevronUpChevron down
ChevronDownAngle up
ArrowUpAngle down
ArrowDownActions
Button and table actions.
Add
PlusEdit
PencilView
EyeDownload
DownloadExport
FileOutputSend
SendApprove
CheckReject
XSave
SaveInvite member
UserPlusSign out
LogOutClose
XForms
Form fields and controls.
Search
SearchCalendar
CalendarClock
ClockShow password
EyeHide password
EyeOffDecrease
MinusIncrease
PlusError
TriangleAlertHelp
CircleHelpContent
Page and card content.
Chess club
CrownUser
UserTrophy
TrophyMailPhone
PhoneLocation
MapPinSchedule
ClockCalendar days
CalendarDaysLock
LockFee
CoinsImage
ImageCover
ImagesDocument
FileTextSuccess
CircleCheckError
CircleX