Shopping Cart Remove Icon

Component

About

An animated shopping cart icon with an X mark that spins in to indicate removing an item from the cart, for use in e-commerce UIs and cart action buttons.

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

Code

How Shopping Cart Remove Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { ShoppingCartRemove01Icon } from "@/components/ui/hu-shopping-cart-remove-0-1";

export default function ShoppingCartRemoveIconDemo() {
  return (
    <div className="flex h-64 w-full items-center justify-center">
      <button
        type="button"
        className="inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted"
      >
        <ShoppingCartRemove01Icon size={20} />
        Remove from cart
      </button>
    </div>
  );
}