Panel Left Close Icon

An animated panel-left-close icon that plays a chevron-sliding animation on hover or via an imperative ref, for use as a sidebar toggle button icon.

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

import { PanelLeftCloseIcon } from "@/components/ui/hu-panel-left-close";

export default function PanelLeftCloseIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <PanelLeftCloseIcon size={64} duration={1} color="currentColor" />
    </div>
  );
}