Chevrons Up Icon

An animated double-chevron "up" icon that bounces its two arrows upward on hover or on command, for use in buttons, toggles, or scroll-to-top controls.

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

import { ChevronsUpIcon } from "@/components/ui/lu-chevrons-up";

export default function ChevronsUpIconDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen">
      <ChevronsUpIcon size={48} />
    </div>
  );
}