Command Icon

An animated command/shortcut icon that scales its loops and crosshair on hover, for toolbars and command menus.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Command Icon to your project and fits it to your theme.

import { CommandIcon } from "@/components/ui/lu-command";

export default function CommandIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <CommandIcon size={48} color="currentColor" duration={1} />
    </div>
  );
}