Shuffle Icon

An animated shuffle icon with two crossing arrow lines that jitter on hover or on demand, for shuffle/randomize buttons in music or list UIs.

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

import { ShuffleIcon } from "@/components/ui/hu-shuffle";

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