Confused Icon

An animated confused-face icon that wiggles its mouth and blinks on hover, used for feedback or status indicators.

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

import { ConfusedIcon } from "@/components/ui/confused-icon";

export default function ConfusedIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <ConfusedIcon size={48} />
    </div>
  );
}