Blue clay credit card icon with cream chip
A cobalt 3D clay payment card with a cream chip at the upper left, three cream dashes and two overlapping cream circles.
Credit card in cobalt blue and ivory clay, for shopping and delivery interfaces. Transparent PNG and WebP, ready for layouts and presentations.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
The card is a saturated cobalt rounded rectangle, perfectly flat, with no tilt. At the upper left, a cream chip square is divided into rounded segments, as if it were pressed from clay. Below it, three short cream dashes stand in for the card number, and at the lower right, two overlapping cream discs act as a generic network mark. The face has a fine, slightly grainy texture.
It is mostly blue, so it contrasts with the cream Wallet and Coin neighbors in this commerce collection when all three share a payment row. The PNG measures 264 by 180 pixels and has a transparent background, and a WebP copy is included for lighter pages.
Where it works well
- The 'Pay with card' radio option in a checkout form
- A saved payment method tile in account settings
- The billing section heading on a subscription page
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
More from this collection
CartBasketShopping bagStorePrice tagCouponReceiptPackageDelivery truckBarcodeWalletCoin