Add icons to this collection by clicking the heart icon.
Qr Code icon - also known as box, qr code, shipping, logistic, parcel, package box, shipping and delivery, and produce. Created in a clean 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="a"
x1="32"
x2="32"
y1="62.424"
y2="3.21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="31.5"
x2="31.5"
y1="62.424"
y2="3.21"
href="#a"
/>
<linearGradient
id="c"
x1="23.5"
x2="23.5"
y1="62.424"
y2="3.21"
href="#a"
/>
<linearGradient
id="d"
x1="38.5"
x2="38.5"
y1="62.424"
y2="3.21"
href="#a"
/>
<linearGradient id="e" x1="42" x2="42" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="f" x1="35" x2="35" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="g" x1="28" x2="28" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="h" x1="39" x2="39" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="i" x1="37" x2="37" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="j" x1="38" x2="38" y1="62.424" y2="3.21" href="#a" />
<linearGradient id="k" x1="25" x2="25" y1="62.424" y2="3.21" href="#a" />
<g>
<path
fill="url(#a)"
d="m61.86 12.49-6-10A.99.99 0 0 0 55 2H9a.99.99 0 0 0-.86.49l-6 10A1 1 0 0 0 2 13v48a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V13a1 1 0 0 0-.14-.51zM54.43 4l4.8 8H39.74l-2.4-8zM35.26 4l2.4 8H26.34l2.4-8zM38 14v6H26v-6zM9.57 4h17.09l-2.4 8H4.77zM60 60H4V14h20v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7h20z"
/>
<rect width="3" height="2" x="30" y="50" fill="url(#b)" rx="1" />
<path
fill="url(#a)"
d="M32 44h1a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 1 1 0 0 0 1-1z"
/>
<rect width="3" height="2" x="30" y="39" fill="url(#b)" rx="1" />
<path
fill="url(#c)"
d="M25 40h-2a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0h2a1 1 0 0 0 0-2z"
/>
<rect width="3" height="2" x="37" y="40" fill="url(#d)" rx="1" />
<rect width="3" height="2" x="30" y="47" fill="url(#b)" rx="1" />
<rect width="3" height="2" x="30" y="36" fill="url(#b)" rx="1" />
<rect width="2" height="3" x="41" y="39" fill="url(#e)" rx="1" />
<rect width="2" height="3" x="34" y="39" fill="url(#f)" rx="1" />
<rect width="2" height="4" x="27" y="39" fill="url(#g)" rx="1" />
<path
fill="url(#a)"
d="M48 24H16a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V25a1 1 0 0 0-1-1zm-1 32H17V26h30z"
/>
<path
fill="url(#a)"
d="M34 31a1 1 0 0 1-1 1h-1v2a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1z"
/>
<path
fill="url(#h)"
d="M43 44v7a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1 1 1 0 0 1 1-1h5v-6a1 1 0 0 1 1-1 1 1 0 0 1 1 1z"
/>
<path
fill="url(#i)"
d="M40 48a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1 1 1v1h3a1 1 0 0 1 1 1z"
/>
<rect width="4" height="2" x="36" y="43" fill="url(#j)" rx="1" />
<path
fill="url(#k)"
d="M21 45v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1zm6 5h-4v-4h4z"
/>
<path
fill="url(#h)"
d="M35 31v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1zm6 5h-4v-4h4z"
/>
<path
fill="url(#k)"
d="M21 31v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1zm6 5h-4v-4h4z"
/>
</g>
</svg>
More icons in the same style and category