@aelig/icon

Icon

Add

pnpm dlx shadcn@latest add @aelig/icon

A Lucide icon renderer that accepts dynamic icon names.

Preview

SavedSettingsUser

Usage

import { Icon } from "@/components/ui/icon"

export function SaveLabel() {
  return (
    <span className="inline-flex items-center gap-2">
      <Icon name="save" className="size-4" />
      Saved
    </span>
  )
}

Variants and options

name

Accepts Lucide icon names such as save, settings, or user.