Arrow Down Up Icon

An animated sort/transfer icon with two opposing vertical arrows that bounce on hover, used for sort toggles, swap actions, or transfer buttons.

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

import { ArrowDownUpIcon } from "@/components/ui/lu-arrow-down-up";

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