Message Circle Off Icon

Component 2

About

An animated message circle off icon that shakes and draws its slash on hover, for muted or disabled chat states.

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

Code

How Message Circle Off Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

'use client';

import { MessageCircleOff } from '@/components/ui/icons-message-circle-off';

export default function MessageCircleOffDemo() {
  return (
    <div className="flex items-center justify-center p-10 text-foreground">
      <MessageCircleOff animateOnHover size={32} />
    </div>
  );
}