Add icons to this collection by clicking the heart icon.
Bar Code icon - also known as box, packaging, label, bar code, logistics delivery, shipping and delivery, and package delivery. Created in a clean flat 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 64 64"
>
<linearGradient
id="b"
x1="7.465"
x2="56.535"
y1="7.465"
y2="56.535"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd194" />
<stop offset="1" stop-color="#d1913c" />
</linearGradient>
<linearGradient
id="a"
x1="18.233"
x2="45.768"
y1="39.767"
y2="67.302"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<linearGradient
id="c"
x1="23.819"
x2="40.181"
y1="5.181"
y2="21.544"
href="#a"
/>
<linearGradient
id="d"
x1="20.804"
x2="43.196"
y1="25.804"
y2="48.196"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d91843" />
</linearGradient>
<linearGradient
id="e"
x1="29.033"
x2="34.967"
y1="34.033"
y2="39.967"
href="#a"
/>
<linearGradient
id="f"
x1="41.033"
x2="46.967"
y1="34.033"
y2="39.967"
href="#a"
/>
<linearGradient
id="g"
x1="38.408"
x2="41.592"
y1="32.658"
y2="35.842"
href="#a"
/>
<linearGradient
id="h"
x1="34.408"
x2="37.592"
y1="32.658"
y2="35.842"
href="#a"
/>
<linearGradient
id="i"
x1="35.293"
x2="36.707"
y1="38.293"
y2="39.707"
href="#a"
/>
<linearGradient
id="j"
x1="39.293"
x2="40.707"
y1="38.293"
y2="39.707"
href="#a"
/>
<linearGradient
id="k"
x1="17.033"
x2="22.967"
y1="34.033"
y2="39.967"
href="#a"
/>
<linearGradient
id="l"
x1="22.408"
x2="25.592"
y1="32.658"
y2="35.842"
href="#a"
/>
<linearGradient
id="m"
x1="26.408"
x2="29.592"
y1="32.658"
y2="35.842"
href="#a"
/>
<linearGradient
id="n"
x1="27.293"
x2="28.707"
y1="38.293"
y2="39.707"
href="#a"
/>
<linearGradient
id="o"
x1="23.293"
x2="24.707"
y1="38.293"
y2="39.707"
href="#a"
/>
<g>
<rect width="52" height="52" x="6" y="6" fill="url(#b)" rx="5" />
<path
fill="url(#a)"
d="M58 52v1a5.002 5.002 0 0 1-5 5H11a5 5 0 0 1-5-5v-1z"
/>
<path
fill="url(#c)"
d="M41 6v14.31a1.01 1.01 0 0 1-.6.92c-2.894 1.239-1.88 1.256-5.01-.09a.987.987 0 0 0-.79 0c-3.116 1.34-2.023 1.37-5.21 0a.987.987 0 0 0-.79 0c-3.09 1.328-2.066 1.352-5 .09a1.01 1.01 0 0 1-.6-.92V6z"
/>
<path
fill="url(#d)"
d="M45.176 29H18.824A2.751 2.751 0 0 0 16 31.667v10.666A2.751 2.751 0 0 0 18.824 45h26.352A2.751 2.751 0 0 0 48 42.333V31.667A2.751 2.751 0 0 0 45.176 29z"
/>
<path fill="url(#e)" d="M31 41.5v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0z" />
<path fill="url(#f)" d="M43 41.5v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0z" />
<path fill="url(#g)" d="M39 36v-3.5a1 1 0 0 1 2 0V36a1 1 0 0 1-2 0z" />
<path fill="url(#h)" d="M35 36v-3.5a1 1 0 0 1 2 0V36a1 1 0 0 1-2 0z" />
<circle cx="36" cy="39" r="1" fill="url(#i)" />
<circle cx="40" cy="39" r="1" fill="url(#j)" />
<path fill="url(#k)" d="M19 41.5v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0z" />
<path fill="url(#l)" d="M23 36v-3.5a1 1 0 0 1 2 0V36a1 1 0 0 1-2 0z" />
<path fill="url(#m)" d="M27 36v-3.5a1 1 0 0 1 2 0V36a1 1 0 0 1-2 0z" />
<circle cx="28" cy="39" r="1" fill="url(#n)" />
<circle cx="24" cy="39" r="1" fill="url(#o)" />
</g>
</svg>
More icons in the same style and category