What’s inside the E-commerce Icons.
1 artboards with real content in place. Rewrite them, reorder them, or add your own.
- 1Artboard 140 e-commerce icons in five journey rows (browse, choose, basket, pay, deliver and return), each at 4× on its 24-unit grid with its name; the cart's construction at 14× with keylines and callouts; specs; Forest, Receipt and Mono colourways; a 16–48 px size ramp; and all 40 at true 1× size
When to use it.
E-commerce Icons is a set of 40 shop icons for online stores, marketplaces, checkout flows and retail apps. They follow the shopper's journey in five rows: browse (store, search, filter, size guide, sale), choose (wishlist, compare, reviews, variants, notify me), basket (cart, bag, coupon, gift card), pay (card, wallet, contactless, secure checkout, instalments, QR pay) and deliver (parcel, delivery, pickup point, tracking, returns, exchange). Each is a 2 px line with one accent fill on a 24 px grid. A construction panel, three colourways, a size ramp and the set at 1× show how to keep new icons consistent.
Made for
- Product and UI designers
- Developers who need consistent icons
- Agencies building design systems
- Marketing teams making diagrams and slides
Make it yours in four steps.
Open it in Vectors and work through it, or let Docsiv AI do the first pass with your details.
- Step 1
Keep the icons your store needs and delete the rest.
- Step 2
Change the line and accent colours to your brand, or start from the Receipt or Mono colourway.
- Step 3
Draw any new icon on the 24 px grid with the same 2 px stroke and offset accent.
- Step 4
Export the icons as SVG for your developers, or as PNG at 20, 24 or 32 px.
Start from the E-commerce Icons now.
Questions about this template.
Something else on your mind? Ask us in the chat, bottom right of the page.
Is the E-commerce Icons template free?
Yes. Create a free account and it opens in Docsiv's Vectors app, ready to edit and share. The Free plan includes every Docsiv app and 500 AI credits a month.
Can I change the colours, fonts and text?
Yes, all of it. The template uses Archivo and Martian Mono with #0F2B22, #F2EDDC, #C5EE5A, #8DB3A2, #F4B740, and you can change any of them, rewrite every word and add or remove shapes and layers.
What can I export it as?
Vectors in Docsiv offers: AI, SVG, PDF and PNG exports. Once it's saved, you can also share it with a link.
Can Docsiv AI change it for me?
Yes. Tell Docsiv AI what you need, such as your brand's colours, new wording or a new variation, and it makes the changes in Vectors for you to review. AI uses credits; the Free plan includes 500 a month.
Start your icon set with Docsiv AI
Describe the client or the project and Docsiv AI writes a first draft of your ecommerce icons for you to edit, share and send.