Help Square Icon

An animated help/question-mark-in-a-square icon that wiggles its mark and bounces its dot on hover, for use in buttons, tooltips, or help menus.

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

import { HelpSquareIcon } from "@/components/ui/hu-help-square";

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