Brand & styles
Iconography
A consistent visual language with Lucide icons.
Lucide icons
Use one icon family. Decorative icons are hidden from assistive technology; icon-only buttons need accessible labels.
SearchPlusArrowRightCheckUserSettingsBellFolderShieldHeartLayersTrashView code
import { Plus, Search } from "lucide-react"
import { Button } from "@repo/ui/components/ui/button"
<Button><Plus data-icon="inline-start" />Create</Button>
<Button size="icon" aria-label="Search"><Search /></Button>