Bell Dot Icon

An animated bell-with-notification-dot icon that rings and pulses its dot on hover, for alert and notification indicators.

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

import { BellDotIcon } from "@/components/ui/bell-dot-icon";

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