Circle Plus Icon

An animated circle-plus icon that scales and rotates its plus sign on hover, for use as an "add" or "create" action button.

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

import CirclePlusIcon from "@/components/ui/lu-circle-plus";

export default function Preview() {
  return (
    <div className="flex min-h-[200px] w-full items-center justify-center">
      <CirclePlusIcon size={48} />
    </div>
  );
}