Angry Icon

An animated angry-face icon that shakes and furrows its brows on hover, used for emotion pickers, reaction buttons, or mood indicators.

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

import { AngryIcon } from "@/components/ui/lu-angry";

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