Add icons to this collection by clicking the heart icon.
Barcode Scanner icon - also known as transportation, qr code, delivery, shipping, e-commerce, and barcode scanner. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="84"
x2="84"
y1="98.132"
y2="436.244"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="188"
x2="188"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="c"
x1="100"
x2="100"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="d"
x1="136"
x2="136"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="e"
x1="172"
x2="172"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="f"
x1="208"
x2="208"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="g"
x1="472"
x2="472"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="h"
x1="391.36"
x2="391.36"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="i"
x1="288"
x2="288"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="j"
x1="488"
x2="488"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="k"
x1="376"
x2="376"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="l"
x1="344"
x2="344"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="m"
x1="312"
x2="312"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="n"
x1="192"
x2="192"
y1="98.132"
y2="436.244"
href="#a"
/>
<linearGradient
id="o"
x1="60"
x2="60"
y1="98.132"
y2="436.244"
gradientTransform="rotate(70 59.986 55.996)"
href="#a"
/>
<linearGradient
id="p"
x1="60"
x2="60"
y1="98.132"
y2="436.244"
gradientTransform="rotate(20 59.969 199.833)"
href="#a"
/>
<linearGradient id="q" x1="56" x2="56" y1="98.132" y2="436.244" href="#a" />
<linearGradient
id="r"
x1="49.152"
x2="49.152"
y1="98.132"
y2="436.244"
gradientTransform="rotate(74.52 49.141 89.612)"
href="#a"
/>
<linearGradient
id="s"
x1="49.152"
x2="49.152"
y1="98.132"
y2="436.244"
gradientTransform="rotate(15.48 49.17 166.489)"
href="#a"
/>
<path
fill="url(#a)"
d="M64 336h40a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8zm8-40h24v24H72z"
/>
<path
fill="url(#b)"
d="M208 280h-40a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h40a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40h-24v-24h24z"
/>
<path
fill="url(#a)"
d="M104 384H64a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h40a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40H72v-24h24z"
/>
<path
fill="url(#b)"
d="M208 384h-40a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h40a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40h-24v-24h24z"
/>
<path fill="url(#c)" d="M128 352H56v16h80a8 8 0 0 0 8-8v-80h-16z" />
<path fill="url(#d)" d="M128 384h16v56h-16z" />
<path fill="url(#e)" d="M160 352h24v16h-24z" />
<path fill="url(#f)" d="M200 352h16v16h-16z" />
<path
fill="url(#d)"
d="M224 240H48a32.036 32.036 0 0 0-32 32v176a32.036 32.036 0 0 0 32 32h176a32.036 32.036 0 0 0 32-32V272a32.036 32.036 0 0 0-32-32zm16 208a16.019 16.019 0 0 1-16 16H48a16.019 16.019 0 0 1-16-16V272a16.019 16.019 0 0 1 16-16h176a16.019 16.019 0 0 1 16 16z"
/>
<path fill="url(#g)" d="M464 176h16v16h-16z" />
<path
fill="url(#h)"
d="M443.975 100.618A84.083 84.083 0 0 1 464 155.054V160h16v-4.946a100 100 0 0 0-83.993-98.711l-90.726-14.712-2.562 15.794 90.727 14.712a84.082 84.082 0 0 1 50.529 28.481z"
/>
<path
fill="url(#i)"
d="M296 444a12.013 12.013 0 0 1 12-12h72a28.032 28.032 0 0 0 28-28v-4h16a24.028 24.028 0 0 0 24-24V155.054a67.733 67.733 0 0 0-57.115-67.123L145.281 48.1A8 8 0 0 0 136 56v16a24.027 24.027 0 0 0-24 24v64a24.027 24.027 0 0 0 24 24v16a8 8 0 0 0 8 8h182.213l-5.261 94.666A24 24 0 0 0 344.91 328h9.75l-1.96 47a24 24 0 0 0 23.98 25H392v4a12.013 12.013 0 0 1-12 12h-72a28 28 0 0 0 0 56h156v-16H308a12.013 12.013 0 0 1-12-12zM168 107.271l72.732 9.7A17.593 17.593 0 0 1 238.407 152H168zM128 160V96a8.009 8.009 0 0 1 8-8h.787A24.13 24.13 0 0 0 152 104.6v48.78A24.119 24.119 0 0 0 137.376 168H136a8.009 8.009 0 0 1-8-8zm216.91 152a8 8 0 0 1-7.982-8.446l5.283-95.069a21.039 21.039 0 0 1 16.536 21.432L355.326 312zm29.1-64h14.75a10 10 0 0 1 9.978 10.665l-5.6 84A10.027 10.027 0 0 1 383.16 352h-13.486zm-3.1 133.538a7.93 7.93 0 0 1-2.219-5.871l.319-7.667h14.15a26.068 26.068 0 0 0 25.94-24.271l5.6-84A26 26 0 0 0 388.76 232h-14.086l.059-1.417A37.04 37.04 0 0 0 337.723 192H152v-16a8.009 8.009 0 0 1 8-8h78.407a33.593 33.593 0 0 0 4.44-66.891l-83.9-11.187a8.026 8.026 0 0 1-6.947-7.93V65.4l236.324 38.323A51.8 51.8 0 0 1 432 155.054V376a8.009 8.009 0 0 1-8 8h-47.319a7.934 7.934 0 0 1-5.774-2.462z"
/>
<path fill="url(#j)" d="M480 456h16v16h-16z" />
<path fill="url(#k)" d="M368 120h16v24h-16z" />
<path fill="url(#l)" d="M336 120h16v24h-16z" />
<path fill="url(#m)" d="M304 120h16v24h-16z" />
<path fill="url(#n)" d="M184 124h16v16h-16z" />
<path
fill="url(#o)"
d="M52 9.181h16v93.638H52z"
transform="rotate(-70 59.995 55.986)"
/>
<path
fill="url(#p)"
d="M13.181 192h93.638v16H13.181z"
transform="rotate(-20 59.933 199.845)"
/>
<path fill="url(#q)" d="M16 120h80v16H16z" />
<path
fill="url(#r)"
d="M41.152 65.954h16v47.42h-16z"
transform="rotate(-74.52 49.114 89.627)"
/>
<path
fill="url(#s)"
d="M25.442 158.336h47.42v16h-47.42z"
transform="rotate(-15.48 49.222 166.473)"
/>
</svg>
More icons in the same style and category