Commerce Blue

From browsing to delivery, the sixteen items are Cart, Basket, Shopping bag, Store, Price tag, Coupon, Receipt, Package, Delivery truck, Barcode, Credit card, Wallet, Coin, Piggy bank, Gift and Trophy. Package and Delivery truck pair up for order tracking, and Credit card, Wallet and Coin let a payment screen speak in one voice.

You get transparent PNGs and WebP versions of every item. Dimensions run from 213 to 275 px wide and 174 to 280 px tall; the Delivery truck measures 265 by 188 px, so give it extra room in narrow columns.

Where this set fits

• Order-status steps in a shipping confirmation email
• Category icons for a small online store storefront
• Loyalty and reward program explainer slides
• Checkout and payment-method illustrations in a design prototype

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-cart-commerce-blue cc-float" role="img" aria-label="Cart"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.