Message Circle Plus Icon

An animated chat-bubble-with-plus icon that pulses and spins its plus sign on hover, for use as an "add message" or "new chat" button icon.

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

import { MessageCirclePlusIcon } from "@/components/ui/lu-message-circle-plus";

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