The design system uses Lucide as its icon library, provided via the @iconify-json/lucide package and rendered through Nuxt UI's <UIcon> component.
@iconify-json/lucide
<UIcon>
Reference icons using the i-lucide-{name} pattern.
i-lucide-{name}
Template
<UIcon name="i-lucide-bell" class="size-5" />
Component prop
<UButton icon="i-lucide-plus" label="Add item" />
Sizing — use Tailwind size-* classes
Accessibility
Account
Animals
Arrows
Buildings
Charts
Communication
Connectivity
Cursors
Design
Development
Devices
Emoji
Files
Finance
Food Beverage
Gaming
Home
Layout
Mail
Math
Medical
Multimedia
Nature
Navigation
Notifications
People
Photography
Science
Seasons
Security
Shapes
Shopping
Social
Sports
Sustainability
Text
Time
Tools
Transportation
Travel
Weather
Uncategorised