Move Left Icon

Navigation

About

An animated left-arrow icon that nudges on hover, used for back/previous navigation buttons and links.

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

Code

How Move Left Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { MoveLeftIcon } from "@/components/ui/lu-move-left";

export default function MoveLeftIconDemo() {
  return (
    <div className="flex items-center justify-center gap-4">
      <button className="inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground transition-colors">
        <MoveLeftIcon size={18} />
        Back
      </button>
    </div>
  );
}