shadcn CLI

Use this if you want each icon copied into your codebase as a single file you can edit.

1. Set up shadcn

If your project doesn't have shadcn yet, follow the shadcn installation guide first.

2. Add an icon

Browse the Lucide or Huge gallery, click any tile to copy its install command, or replace lu-eye below with the icon you want.

npx shadcn@latest add @animateicons/lu-eye

The icon lands at components/ui/<name>-icon.tsx.

3. Import and use

import { EyeIcon } from "@/components/ui/eye-icon"

export default function Example() {
	return <EyeIcon size={24} color="#f45b48" />
}