Arrow Down Rhombus icon

import { motion } from "motion/react";
import { ArrowDownRhombusIcon } from "@/components/arrow-down-rhombus-icon";

export function Example() {
  // The icon animates when anything around it with whileHover="hover" is hovered.
  return (
    <motion.button initial="rest" whileHover="hover">
      <ArrowDownRhombusIcon size={20} />
      Arrow Down Rhombus
    </motion.button>
  );
}