E-commerce line icon pack (48 icons)

This pack is for UI designers and front-end developers building the interface of an online store: header and search, product listings with filters and sorting, product page, cart, checkout, shipping tracking, customer account and after-sales support. All 48 icons share the same 24 px grid, the same 1.5 px stroke, the same corner radius and the same rounded ends. You can place them side by side on a screen with no change in style, from mockup to code.

• 48 line icons in 6 families of 8:
  • Cart: cart, cart-plus, cart-minus, cart-check, cart-clear, basket, shopping-bag, shopping-bag-plus;
  • Payment: credit-card, card-lock, wallet, cash, coins, receipt, invoice, refund;
  • Product: tag, tag-percent, barcode, qr-code, box, gift, star, heart;
  • Shipping: truck, truck-fast, package-check, package-return, map-pin, store, delivery-time, worldwide;
  • Account and support: user, user-plus, headset, chat, bell, shield-check, help-circle, phone;
  • Store navigation: search, filter, sort, grid, list, compare, quick-view, share.
• 48 SVG files, one per icon.
• 144 PNG files: each icon at 24, 48 and 96 px.
• 1 SVG sprite holding all 48 icons as symbols.
• 1 HTML demo page.

File structure:

svg/
png/24/
png/48/
png/96/
sprite/ecommerce-line-icons.svg
demo/index.html

Production and AI

The icons were drawn as SVG with an AI assistant, then reviewed and checked one by one: rendered at 24 and 48 px, then each icon reviewed on a contact sheet before release. The pack contains no AI-generated images.

• SVG: vector files with no fill, whose stroke follows the text color (currentColor). Change the color with the CSS color property and the thickness with the stroke-width attribute, set once on the root tag. These files work in most design tools and directly in code (HTML, components).
• PNG 24 px, 48 px and 96 px: black icons on a transparent background, for presentations, documents and software that does not import SVG.
• SVG sprite: a single file where each icon is a <symbol> named after its SVG file, called in the page with <use href="#cart"/>.
• HTML: a self-contained demo page, with no script and no external resource, that shows every icon and lets you change their size and color.

The pack is sold with the commercial license (page in French): you can use the icons in personal and professional projects, including client work and products you sell, but you may not resell or redistribute the files, on their own or in another pack.

• Lucide Icons: choosing and integrating a line SVG icon library
• Premium or free icons: what a subscription is worth (in French)

1.0.0 (November 10, 2026): first release.