Power Icon

An animated power/on-off icon that plays a subtle press-and-ring animation on hover, built with motion for use in buttons, toggles, or power states.

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

import { PowerIcon } from "@/components/ui/lu-power";

export default function PowerIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <PowerIcon size={48} />
    </div>
  );
}