Add icons to this collection by clicking the heart icon.
Qr Code icon - also known as smartphone, online, qr code, payment, mobile, communications, and contactless. 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="2"
y2="62"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38b582" />
<stop offset=".249" stop-color="#3bbfaf" />
<stop offset=".494" stop-color="#3c97a8" />
<stop offset=".74" stop-color="#3b89bf" />
<stop offset="1" stop-color="#3861b5" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="2.043" y2="62.016" href="#a" />
<linearGradient
id="c"
x1="22.489"
x2="22.489"
y1="2.043"
y2="62.016"
href="#a"
/>
<linearGradient
id="d"
x1="41.5"
x2="41.5"
y1="2.043"
y2="62.016"
href="#a"
/>
<linearGradient id="e" x1="25" x2="25" y1="2.043" y2="62.016" href="#a" />
<linearGradient id="f" x1="39" x2="39" y1="2.043" y2="62.016" href="#a" />
<linearGradient id="g" x1="24" x2="24" y1="2.043" y2="62.016" href="#a" />
<linearGradient
id="h"
x1="35.5"
x2="35.5"
y1="2.043"
y2="62.016"
href="#a"
/>
<linearGradient
id="i"
x1="29.5"
x2="29.5"
y1="2.043"
y2="62.016"
href="#a"
/>
<linearGradient id="j" x1="42" x2="42" y1="2.043" y2="62.016" href="#a" />
<path
fill="url(#a)"
d="M46 2H18a4 4 0 0 0-4 4v52a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4zM16 12h32v40H16zm0-6a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v4H16zm32 52a2 2 0 0 1-2 2H18a2 2 0 0 1-2-2v-4h32z"
/>
<path
fill="url(#b)"
d="M34 6h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM30 58h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z"
/>
<path
fill="url(#c)"
d="M20 25.957a1 1 0 0 0 1-1V21h3.978a1 1 0 0 0 0-2H20a1 1 0 0 0-1 1v4.957a1 1 0 0 0 1 1zM24.978 43H21v-4.087a1 1 0 0 0-2 0V44a1 1 0 0 0 1 1h4.978a1 1 0 1 0 0-2z"
/>
<path
fill="url(#d)"
d="M44 37.913a1 1 0 0 0-1 1V43h-4a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1v-5.087a1 1 0 0 0-1-1zM44 19h-5a1 1 0 0 0 0 2h4v3.957a1 1 0 0 0 2 0V20a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M22 23v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1zm2 1h2v2h-2z"
/>
<path
fill="url(#f)"
d="M42 41v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1zm-2-1h-2v-2h2zM37 28h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#e)"
d="M27 36h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
<path
fill="url(#g)"
d="M22 29a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2z"
/>
<path
fill="url(#h)"
d="M30 28a1 1 0 0 0 1-1v-1h2v4a1 1 0 0 0 1 1h4v2h-1a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2h-1v-3a1 1 0 0 0-1-1h-4v-4a1 1 0 0 0-1-1h-3v-1h3a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M34 33h-1v-1a1 1 0 0 0-1-1h-2v-1a1 1 0 0 0-2 0v2c0 .019.01.035.011.054s-.011.036-.011.055V33h-3a1 1 0 0 0 0 2h4a1 1 0 0 0 1-1v-1h1v1a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2z"
/>
<path fill="url(#j)" d="M41 29v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-2 0z" />
<path
fill="url(#b)"
d="M34 36h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h2v3a1 1 0 0 0 2 0V37a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category