Icons

Wir nutzen ausschließlich Lucide — konsistente Strichstärke, klare Semantik, keine Deko. Über Iconify als i-lucide-* Namespace im Nuxt UI ecosystem.

Aktionen

Primäre Verben im Portal.

i-lucide-plus

i-lucide-edit

i-lucide-trash-2

i-lucide-save

i-lucide-copy

i-lucide-download

i-lucide-upload

i-lucide-search

i-lucide-filter

i-lucide-refresh-cw

i-lucide-settings

i-lucide-log-out

Status & Feedback

Für Alerts, Badges, Toasts.

i-lucide-check

i-lucide-check-circle

i-lucide-x-circle

i-lucide-alert-triangle

i-lucide-alert-circle

i-lucide-info

i-lucide-help-circle

i-lucide-clock

i-lucide-loader-2

i-lucide-shield-check

i-lucide-shield-alert

i-lucide-sparkles

Hosting & Domain

Domain-spezifische Icons im Portal.

i-lucide-globe

i-lucide-server

i-lucide-database

i-lucide-cloud

i-lucide-hard-drive

i-lucide-mail

i-lucide-inbox

i-lucide-lock

i-lucide-unlock

i-lucide-key

i-lucide-link

i-lucide-link-2

Billing & Commerce

Für Checkout, Billing-Seiten.

i-lucide-credit-card

i-lucide-wallet

i-lucide-receipt

i-lucide-euro

i-lucide-banknote

i-lucide-shopping-cart

i-lucide-package

i-lucide-gift

i-lucide-tag

i-lucide-percent

i-lucide-calendar

i-lucide-file-text

User & Team

Konto und Organisation.

i-lucide-user

i-lucide-user-plus

i-lucide-users

i-lucide-building-2

i-lucide-briefcase

i-lucide-crown

i-lucide-shield

i-lucide-at-sign

i-lucide-phone

i-lucide-message-circle

i-lucide-life-buoy

i-lucide-bell

Größen

Standard: size-4 (16 px) inline, size-5 (20 px) in Buttons, size-6 (24 px) als Standalone, größer nur für Hero-Visuals.

size-4

size-5

size-6

size-8

size-10

size-12

Im Code nutzen

vue

<!-- In Button -->
<UButton icon="i-lucide-rocket">
  Jetzt starten
</UButton>

<!-- Standalone -->
<UIcon
  name="i-lucide-check-circle"
  class="size-5 text-accent-primary"
/>

<!-- Inline im Text -->
<p class="flex items-center gap-1.5">
  <UIcon name="i-lucide-check" class="size-4" />
  SSL inklusive
</p>

Vollständige Bibliothek

Lucide hat 1400+ Icons. Komplette Suche & Preview auf lucide.dev.

lucide.dev/icons öffnen