lucide icon indicating copy to clipboard operation
lucide copied to clipboard

Icon request: add-cart

Open sfsajid91 opened this issue 1 year ago • 10 comments

Icon name

add-cart

Use cases

  1. E-commerce Websites:

    • Display the "Add Cart" icon next to product listings to allow users to easily add items to their shopping carts.
    • Use the icon in the product details page to represent the action of adding a particular item to the shopping cart.
  2. Shopping Cart Interaction:

    • Place the icon in the shopping cart section of the website or application to prompt users to review their selected items.
    • Display the icon as a button in the shopping cart that users can click to quickly add more items.
  3. Checkout Process:

    • Utilize the icon in the checkout process to indicate the step where users can review and confirm their selected items before making a purchase.
    • Display the icon on the "Review Order" or "Summary" page as a visual cue for the final step before completing the purchase.
  4. Mobile Applications:

    • In mobile applications, use the "Add Cart" icon in a floating action button (FAB) or within the navigation bar for quick access to the shopping cart.
    • Integrate the icon into the mobile shopping experience to maintain consistency with the desktop version.
  5. Product Grids:

    • In grid views of products, use the "Add Cart" icon as a call-to-action element, signaling to users that they can add products directly from the grid.

Design ideas

It can be a plus icon inside the shopping cart icon .

Checklist

  • [X] I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
  • [X] I have searched existing icons to make sure it does not already exist and I didn't find any.
  • [X] I am not requesting a brand logo and the art is not protected by copyright.
  • [X] I am not requesting an icon that includes religious, political imagery or hate symbols.
  • [X] I have provided appropriate use cases for the icon(s) requested.

sfsajid91 avatar Dec 24 '23 01:12 sfsajid91

Hey @karsa-mistmere, Can you confirm its status? Is it needed or not? So, that I can work on it.

Piyush-Kumar-Ghosh avatar Jan 08 '24 15:01 Piyush-Kumar-Ghosh

@Piyush-Kumar-Ghosh: I think a shopping-card-plus icon could definitely come in handy, yes.

karsa-mistmere avatar Jan 08 '24 15:01 karsa-mistmere

I've designed multiple variants: image

100% cart-plus

ericfennis avatar Mar 14 '24 08:03 ericfennis

I think the last one makes most sense within Lucide.

karsa-mistmere avatar Mar 14 '24 08:03 karsa-mistmere

The current icon has those wheels and doesn't feel super Lucide-y, what about doing a bit of a redesign? icon (43)

icons
Open lucide studio

jguddas avatar Mar 14 '24 09:03 jguddas

@jguddas: I'm not yet sold on the updated design, but I wholeheartedly agree.

karsa-mistmere avatar Mar 14 '24 12:03 karsa-mistmere

What do you think of these? I've placed them in buttons to see how they will look when used buttons

A. Original B. @jguddas design C. Adjusted @jguddas design with a bigger basket D. Orignal with bigger wheels E. D. Orignal with bigger wheels, with the wheels closer to each other.

ericfennis avatar Apr 10 '24 07:04 ericfennis

All are better than A. C feels the best.

jguddas avatar Apr 10 '24 07:04 jguddas

While D and E are the most minimal, I think C is the most immediately recognisable.

karsa-mistmere avatar Apr 10 '24 07:04 karsa-mistmere

With the plus and minus variants. I like the first row, but I'm not sure about the cart-minus icon. image

100% carts

ericfennis avatar Apr 12 '24 08:04 ericfennis