Pack d'icônes e-commerce (48 icônes ligne)

Ce pack s’adresse aux designers UI et aux développeurs front-end qui construisent l’interface d’une boutique en ligne : en-tête et recherche, liste de produits avec filtres et tri, fiche produit, panier, tunnel de paiement, suivi de livraison, espace client et service après-vente. Les 48 icônes partagent la même grille de 24 px, le même trait de 1,5 px, le même rayon d’angle et les mêmes terminaisons arrondies. Vous pouvez donc les placer côte à côte dans un écran sans écart de style, de la maquette jusqu’au code.

• 48 icônes en style ligne, réparties en 6 familles de 8 :
  • Panier : cart, cart-plus, cart-minus, cart-check, cart-clear, basket, shopping-bag, shopping-bag-plus ;
  • Paiement : credit-card, card-lock, wallet, cash, coins, receipt, invoice, refund ;
  • Produit : tag, tag-percent, barcode, qr-code, box, gift, star, heart ;
  • Livraison : truck, truck-fast, package-check, package-return, map-pin, store, delivery-time, worldwide ;
  • Compte et service : user, user-plus, headset, chat, bell, shield-check, help-circle, phone ;
  • Navigation de boutique : search, filter, sort, grid, list, compare, quick-view, share.
• 48 fichiers SVG, un par icône.
• 144 fichiers PNG : chaque icône en 24, 48 et 96 px.
• 1 sprite SVG qui regroupe les 48 icônes sous forme de symboles.
• 1 page HTML de démonstration.

Organisation des fichiers :

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

Fabrication et IA

Les icônes ont été dessinées en SVG avec un assistant d’IA, puis relues et contrôlées une à une : rendu à 24 et à 48 px, puis relecture de chaque icône sur planche avant la mise en vente. Le pack ne contient aucune image générée par IA.

• SVG : fichiers vectoriels sans remplissage, dont le trait suit la couleur du texte (currentColor). La couleur se change avec la propriété CSS color, l’épaisseur avec l’attribut stroke-width, posé une seule fois sur la balise racine. Ces fichiers s’utilisent dans la plupart des outils de design et directement dans le code (HTML, composants).
• PNG 24 px, 48 px et 96 px : icônes noires sur fond transparent, pour les présentations, les documents et les logiciels qui n’importent pas le SVG.
• Sprite SVG : un seul fichier où chaque icône est un <symbol> nommé comme son fichier SVG, appelé dans la page par <use href="#cart"/>.
• HTML : une page de démonstration autonome, sans script ni ressource externe, qui affiche toutes les icônes et permet d’en changer la taille et la couleur.

Le pack est vendu avec la licence commerciale : vous pouvez utiliser les icônes dans vos projets personnels et professionnels, y compris pour vos clients et dans les produits que vous vendez, mais pas revendre ni redistribuer les fichiers, seuls ou dans un autre pack.

• Icônes premium ou gratuites : ce que vaut un abonnement
• Bien choisir et intégrer une bibliothèque d’icônes SVG ligne

1.0.0 (10 novembre 2026) : première version.