Battery Full Icon

An animated battery icon that plays a charging-bar pulse animation on hover or via an imperative ref trigger, useful for battery status indicators in toolbars and dashboards.

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

import { BatteryFullIcon } from "@/components/ui/lu-battery-full";

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