Giant Collection of Ecommerce Add-To-Cart Buttons

A collection of 200+ add-to-cart icons plus analysis of the most popular button design trends such as color, label text, and icon use.

Back in 2007, Get Elastic posted a handy collection of add-to-cart buttons along with some analysis of the label text and use of icons.

I thought it would be useful to revisit this topic and so I gathered together over 200 add-to-cart buttons, including many from the top online retailers.

Ecommerce add-to-cart buttons
Ecommerce add-to-cart buttons

As you can see from the collection above, add-to-cart buttons come in all sizes and colors, with a selection of choices for button text. Let’s see what trends emerge from all this variety.

Button Color

As far as color is concerned, add-to-cart buttons mainly come in red, blue, gray/black, green, orange, pink, or yellow.

Gray/black and red are the most popular color choices at about 20% of buttons, followed by green and blue at just over 15%. Regardless of the button color, white is the overwhelming choice for button text.

Add-to-cart button color breakdown
Add-to-cart button color breakdown

Button Shape

Buttons were all rectangular in shape, but when it comes to the finer details, rounded corners beat out square corners almost 2:1 in terms of popularity.

Add-to-cart button corner style
Add-to-cart button corner style

Button Text

Looking at the breakdown of button text, ‘add-to-cart’ is the runaway favorite with 56% of buttons opting for this label. It’s worth noting that this is a largely US-centric collection, and that ‘add-to-basket’ is more common in the UK than in the US.

Add-to-cart button label text breakdown
Add-to-cart button label text

When it comes to writing button text, ALL CAPS is the favorite with 53% of buttons using this style of formatting.

Add-to-cart button label text case
Add-to-cart button label text case

Add-to-Cart Button Icons

The use of icons is almost a 50/50 split, although buttons without an icon are slightly more popular than those that use an icon of some sort.

Add-to-cart button icon use
Add-to-cart button icon use

For those buttons that do include an icon, a shopping cart is most popular (40%), followed by some type of arrow (28%).

Add-to-cart button icon design
Add-to-cart button icon design