foundations
Icons
1,755 icons from Lucide , served by @nuxt/icon via Iconify. Click any icon to copy its lucide:name string — paste directly into any <UIcon />, <Icon />, or Tux component's icon prop. Adding other icon sets
Install another @iconify-json/* package and @nuxt/icon picks it up automatically — e.g. `@iconify-json/carbon` lets you use `carbon:data-set`. This catalog only lists Lucide because that's all we've installed.
Curated
The icons our components reach for
Full catalog
1,755 matches (showing 120)
Usage
Every Tux component that takes an icon accepts a full Iconify string — collection prefix + name, joined by a colon.
<tux-button icon="lucide:play">Start</tux-button>
<tux-alert variant="info" icon="lucide:database" title="..." />
<!-- Or directly via Nuxt UI's UIcon -->
<UIcon name="lucide:sparkles" class="w-5 h-5" /> To use another icon family — e.g. Carbon for data-viz glyphs or Simple Icons for brand marks — install the matching @iconify-json/* package and reference it by prefix:
npm install @iconify-json/carbon
# then anywhere
<UIcon name="carbon:data-set" />