Coffee Icon

An animated coffee cup icon that plays a rising-steam animation on hover or via an imperative ref, for use in buttons, menus, or feature lists.

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

import { Coffee02Icon } from "@/components/ui/hu-coffee-0-2";

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