Leaf Icon

An animated leaf icon that sways on hover, built with Framer Motion for use in buttons, menus, or nature/eco-themed UI.

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

import { LeafIcon } from "@/components/ui/leaf-icon";

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