About
An animated discount-tag icon that swings when hovered, used for sale badges, pricing sections, and promo UI.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Discount Tag Icon to your project and fits it to your theme.
Code
How Discount Tag Icon is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { DiscountTag01Icon } from "@/components/ui/hu-discount-tag-0-1";
export default function DiscountTag01IconDemo() {
return (
<div className="flex items-center justify-center w-full h-full min-h-[300px]">
<DiscountTag01Icon size={48} />
</div>
);
}







