Collection Of 100+ Shopping Cart Icons
Tags: e-Commerce Optimization, icons
Shopping Cart, Shopping Bag or Basket? How should you name this button/link? The following is an analysis of major etailers and should be used as a guideline only.
The collection (at the bottom of this post) of 109 shopping cart buttons from top etailers revealed the following common elements (green items are recommended when designing this section of your pages):
1. The icon you should use is either a CART or BAG:
- a. 64 out of 109 etailers display the cart symbol – 59%
b. 23 display no symbol at all – 21%
c. 21 display the bag symbol – 19%
d. 1 displayed an arrow icon -1%
2. There are more than 20 different names given to this section( basket, cart, items, my bag, my brown bag, my cart, my shopping bag, mycart, saks bag, shopping bag ,shopping basket, shopping cart, total, view bag, view basket, view cart, view my bag, view shopping bag, your bag, your cart, your shopping cart, your shopping carts) but:
- a. 70 out of 109 used the word CART when naming the section- 64%
b. 27 used BAG to describe it
c. 6 of the etailers used BASKET
d. 6 used a different designation or none at all
Notice: the names used to describe the shopping cart seems to be correlated with the the brick and mortar stores. For example, apparel and fashion websites are more likely to use the word BAG instead of CART. This follows the real life, where you’ll carry a BAG and not a CART inside an AE store. Further research is needed (see you competitors and your store rules and decide which one is the best for you) when you decide on how to name this section on your site.
3. The appearance of this section seems to be pretty much the same for all etailers:
- a. 84 out of 109 etailer are displaying the shopping cart/bag icon along with short descriptive text of the section
b. 23 display just a descriptive text without any other graphic symbols
c. 1 (art.com) used just an icon without text
d. 1 (proflowers.com) doesn’t have a shopping cart section at all
The icons:
![]() |
||||
![]() |
||||
![]() |
||||
![]() |
||||
![]() |
||||
![]() |
||||
Pitstop Media offers ROI based internet marketing services such as landing page testing services and conversion rate optimization services. Our A/B and multivariate tests have helped companies increase conversion rates by as much as 75%. Let us increase your conversion rates, too!



Pat | West Florida Components said:
Dec 30, 08 at 11:28 amThanks for this post – I’ve been looking for stats on cart vs. basket usage. I am actually surprised at how few actually do use ‘basket’. Good stuff – thanks!
traiann said:
Dec 30, 08 at 11:36 amYes, you’re right about the ‘basket’ usage. It’s about choosing between ‘cart’ and ‘bag’.
bagstage said:
Jul 01, 09 at 5:59 amvery nice collection… thanx!
Nate | Grants for College said:
Jul 27, 09 at 2:06 pmThanks for the post – these icons are great and I look forward to using one on my new shopping cart I am developing.
Levi Larsen said:
Oct 14, 09 at 4:12 pmAre these from the corresponding sites and therefore not useable on designs?
Jon said:
Mar 04, 10 at 5:49 pmTraiann, it’s not necessarily about choosing between cart and bag, but more about which side of “the pond” your website is aimed at. In the UK, cart is hardly ever used, mainly because we use the word trolley instead of cart in shops. Note that Amazon.com and Amazon.co.uk both use the same icon (image 8 above) but the words are cart and basket respectively. I would suggest that most UK based sites use the word basket.
TraiaN said:
Mar 04, 10 at 6:19 pmJon, you’re right. If you run an apparel website you don’t need to use the term car, as it be more appropriate to use bag or similar terms. Particularities, like the target countries, were not take into account at the time I did this research. Thanks for the update and letting us know about the trolleys. We use that term here to describe the trolley cars :)
John said:
Aug 04, 11 at 8:46 amAwesome post that gave insight about how to use cart buttons. Helps a lot to build great website.