Battery Low Icon

An animated low-battery icon that plays a drained/flickering battery motion on hover or via an imperative ref, built for use in status indicators and toolbars.

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

import { BatteryLowIcon } from "@/components/ui/lu-battery-low";

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