Design & Development

15 Personalized Shopping Cart Icons

Custom icons can help a site design and personalize the online shopping experience. Shopping cart icons are some of the more popular icons to personalize. Here are 15 sites with effective personalized shopping cart icons.

HappyWebbies

Zoom Enlarge This Image

The happywebbies.com shopping cart icons.

The happywebbies.com shopping cart icons.

The HappyWebbies site uses a large, sketch-style shopping cart icon that grabs your attention. If you have an item in your cart, the icon changes to a shopping cart filled with boxes.

La Patate

Zoom Enlarge This Image

The La Patate shopping cart icons.

The La Patate shopping cart icons.

La Patate uses a large, brown shopping bag illustration for its cart icon. When an item is added to the cart, the icon updates to include a sign sticking out of the bag detailing how many items are in the cart. La Patate uses a similar icon for its “Add To Cart” button, depicting the same brown paper bag filled with colored packages. The use of this icon variation throughout the site helps tie together the design.

Atom Bicycles

Zoom Enlarge This Image

The atombicycles.com shopping cart icon.

The atombicycles.com shopping cart icon.

In addition to having a nice “hand-drawn” feel, the Atom Bicycle cart icon stands out even more by being placed on a bright orange paint strip. While many sites use “hand-drawn” icons, this icon’s placement and color choice really make it stand out.

Chank

Zoom Enlarge This Image

The chank.com shopping cart icon.

The chank.com shopping cart icon.

Chank also uses a nice hand-drawn shopping cart icon, which is personalized even more by the “A” that appears if one or more fonts is added to the cart.

General Robots

Zoom Enlarge This Image

The General Robots shopping cart icons.

The General Robots shopping cart icons.

The General Robots site has a beautiful cart icon that fits nicely with the site’s overall theme. This icon is only visible once an item has been added to the cart. But I would like to see this nice icon even when the cart is empty.

Spunky Bubs

Zoom Enlarge This Image

The Spunky Bubs shopping cart icon.

The Spunky Bubs shopping cart icon.

Spunky Bubs helps maintain its “children’s boutique” feel by using a baby carriage as the shopping cart icon.

Threadless

Zoom Enlarge This Image

The threadless.com shopping cart icons.

The threadless.com shopping cart icons.

Threadless uses a great little cart icon that has a sad face when the cart is empty and a happy face when an item is in the cart. Not only is this a great custom icon, it fits with the site’s spunky personality.

Di Bruno Bros

Zoom Enlarge This Image

The dibruno.com shopping cart icons.

The dibruno.com shopping cart icons.

Di Bruno Bros uses a wicker picnic basket for its cart icon, a good choice for an online gourmet grocery retailer. When an item is added to the cart, the picnic basket is filled with bread, cheese, and wine – a nice personal touch.

Majestic Wine Warehouse

Zoom Enlarge This Image

The Majestic Wine shopping cart icons.

The Majestic Wine shopping cart icons.

The Majestic Wine cart, or “trolley,” depicts 12 bottles of wine that are “filled in” as bottles are added to the cart. This unique cart depiction is both personal and helps to remind customers of the 12 bottle minimum purchase.

Keedo

Zoom Enlarge This Image

The Keedo shopping cart icon.

The Keedo shopping cart icon.

Keedo uses a shopping cart icon that looks like a child has drawn it. This fits nicely with Keedo site, which is designed to look as if it is on a piece of paper pinned to a bulletin board.

Godiva

Zoom Enlarge This Image

The godiva.com shopping cart icons.

The godiva.com shopping cart icons.

The Godiva cart icon mimics the actual shopping bag given to customers in the Godiva stores. When an item is added to the cart, a chocolate box appears in the shopping bag icon.

Forty Seven

Zoom Enlarge This Image

The nineteen47.com shopping cart icon.

The nineteen47.com shopping cart icon.

Forty Seven is another site that uses a hand-drawn cart icon, this time displayed on a piece of paper pinned to the site’s wood-style header. While this custom cart icon fits nicely with the site design, I would like to see an indication of when items are in the cart.

Foodzie

Zoom Enlarge This Image

The foodzie.com shopping cart icons.

The foodzie.com shopping cart icons.

Foodzie uses a custom shopping bag icon with Foodzie’s signature green circle displaying how many items are currently in the cart.

Patternhead

Zoom Enlarge This Image

The Patternhead shopping cart icon.

The Patternhead shopping cart icon.

The Patternhead cart icon is merely a large tag hanging from the top of the page. This unique icon fits nicely with the rest of the site design and displays information about how many items are in the cart and the total cost before checkout.

Fair Corp

Zoom Enlarge This Image

The thefaircorp.com shopping cart icons.

The thefaircorp.com shopping cart icons.

Fair Corp uses a large blue cart icon that ties in stylistically with the rest of the site. Once an item is placed in the cart, the icon lights up green and the cart “fills.” Information about the cart and the total cost before checkout is also displayed next to the icon.

Drew Coffin
Drew Coffin
Bio   •   RSS Feed


x