Skip to content
IconMind

Product icons

13 icons carry the tag product, across Commerce, Data Engineering and Interface. Barcode, Barcode scan, Compare products and 10 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 13 product icons, described

Barcodebarcode
A barcode — the older striped code that identifies a product when scanned.
Barcode scanbarcode-scan
A bracket pair with bars between — a product read by its code.
Compare productscompare-products
Two boxes with a link between them — two things looked at side by side.
Cross joincross-join
A cross join — every row on the left paired with every row on the right.
Product bundleproduct-bundle
The product box with two items packed in it — things sold together.
Product colourproduct-colour
The product box with a swatch in it — which colour it comes in.
Product filterproduct-filter
The funnel with a box under it — the products that match, and only those.
Product listingproduct-listing
The listing with two lines under the picture — a thing put up for sale.
Product reviewproduct-review
A speech bubble with a line and a stone — what a buyer said and how they rated it.
Product searchproduct-search
The lens with a box in it — a product looked for by name.
Product sizeproduct-size
The product box with an arrow pointing both ways — how big it comes.
Product variantproduct-variant
The product box with two points in it — the same thing in more than one version.
Write a reviewreview-write
A speech bubble with a pencil stroke in it — a buyer writing what they thought.

In code, each is one import — import { Barcode } from "@iconmind/react/icons/barcode" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

Every product icon, free to ship

13 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.