Activity Icon

An animated activity/pulse SVG icon that draws its heartbeat line on hover, for use in dashboards, status indicators, and toolbars.

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

import { ActivityIcon } from "@/components/ui/lu-activity";

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