Message Circle Heart Icon

Animated message circle heart icon that wiggles and pulses its heart on hover or view, for chat, feedback and like interactions.

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

import { MessageCircleHeart } from '@/components/ui/icons-message-circle-heart';

export default function MessageCircleHeartIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <MessageCircleHeart animateOnHover size={40} />
    </div>
  );
}