Step Back Icon

An animated step-back/rewind icon that nudges on hover, built with Motion for use in media player or navigation controls.

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

import { StepBackIcon } from "@/components/ui/lu-step-back";

export default function StepBackIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-full">
      <StepBackIcon size={32} />
    </div>
  );
}