UI

Icon

Icon component for rendering Lucide React icons dynamically by name

Preview

import { Icon } from "~/ui/icon";

<Icon icon="Sparkles" className="w-6 h-6" />

Props

The Icon component accepts the following props:

Prop

Type

All standard SVG props are supported through ComponentPropsWithRef<"svg">.

Installation

npx shadcn@latest add @uifoundry/icon

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component has no registry dependencies.

Dependencies

This component requires the following NPM packages:

  • React - JavaScript library for building user interfaces
  • Lucide React - Beautiful & consistent icon toolkit

Card

Card component with header, content, footer, title, description, and action slots

Popover

Floating UI popover component for displaying contextual content

On this page

PreviewPropsInstallationRegistry DependenciesDependencies