Week 1
When you confirm your email
Gift
Parcel
Shopping bag
Search
Returns
Coupon
Cart
Stock alert
Week 2
One week later
Gift card
Payment
Inventory
Size guide
Support chat
Secure checkout
Order tracking
Reviews
Week 3
Two weeks later
Receipt
Delivery
Filters
Loyalty points
Subscription
Checkout steps
Barcode scan
Storefront
About this set
About the E-commerce icons
An online shop is a series of small moments: a product goes into the basket, a parcel leaves, a star rating lights up. These icons animate them. A product lands in the cart and the cart rolls forward. A laser sweeps a barcode and a check pops up. A van drives along a moving road. The set covers carts, checkout, delivery, returns, reviews and loyalty.
Where they fit
Put Cart beside your add to basket button, where a product lands in the basket and the cart rolls forward. Use Order tracking on a delivery information page, where the route draws across the map and a pin lands. Show Reviews under a product, where five stars light up one after another. Each one answers a shopper's question quickly.
One look across the set
All 24 icons share the same 400 by 320 canvas, line weight and a single accent colour. Your cart page, delivery page and returns page can each use their own icons and still match.
From the email to your page
- Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
- For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
- For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
- Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
- Set --cm-accent to your brand colour, and add data-theme="dark" on dark backgrounds.
License
Free to use, with three limits
- Use them in websites, apps, products and client projects, free
- Credit is appreciated, not required
- Not allowed: selling or sharing them as icons, claiming them as yours, or using them in a logo
More industries
Building for E-commerce?
We build E-commerce products, not just their icons
DeveloperLook designs and builds the websites and software these icons are drawn for. See how we work in your market.
FAQ
Questions about the E-commerce icons
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Yes. You can use these Ecommerce icons on websites, apps, products and client projects, and attribution is appreciated but not required. You can't sell or share them as icons, claim them as your own or use them in a logo. The license page has the full terms.
There are 24 icons in the set, and they arrive over 3 weeks, 8 a week, with the first batch sent when your email is confirmed. They cover carts, delivery and loyalty points. Every batch is ready to use on your site as soon as it arrives.
Enter your email on this page and confirm it. The first icons arrive right away, and more come each week until you have the whole set. Icons are sent per industry, and one address can follow one industry. You can unsubscribe at any time.
Yes. The SVG opens in Figma, Illustrator or any vector editor, so you can change shapes, sizes and colours. The motion is CSS inside the file, so a design tool shows the still pose. Keep the original for the moving version on the web. Each batch also comes with GIF and PNG versions.
No. Each icon is a small SVG with its motion in plain CSS, with no JavaScript and no fonts to load. Visitors who have reduced motion turned on see the still pose instead. Shoppers leave slow pages, so small icons that add almost no weight protect your checkout.
Saimul IslamFounder & CEO, DeveloperLookStill have questions?
Send a message or book a call with the team.
Free 30-min callGoogle Meet
Book a call
Book a free 30-minute call
In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.
Calendar not showing? Book on cal.com or send a brief.