Add icons to this collection by clicking the heart icon.
Qr Code icon - also known as screen, smartphone, online, website, qr code, commerce and shopping, online shopping, and add to basket. 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="a"
x1="14.016"
x2="67.213"
y1="74.479"
y2="17.878"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-11.702"
x2="41.494"
y1="50.307"
y2="-6.294"
href="#a"
/>
<linearGradient
id="c"
x1="-8.151"
x2="45.045"
y1="53.645"
y2="-2.956"
href="#a"
/>
<linearGradient
id="d"
x1="13.697"
x2="66.893"
y1="74.178"
y2="17.577"
href="#a"
/>
<linearGradient
id="e"
x1="-10.437"
x2="42.759"
y1="51.496"
y2="-5.105"
href="#a"
/>
<linearGradient
id="f"
x1="-15.011"
x2="38.185"
y1="47.197"
y2="-9.404"
href="#a"
/>
<linearGradient
id="g"
x1="8.707"
x2="61.903"
y1="69.488"
y2="12.887"
href="#a"
/>
<linearGradient
id="h"
x1="6.522"
x2="59.719"
y1="67.435"
y2="10.834"
href="#a"
/>
<linearGradient
id="i"
x1="22.688"
x2="75.885"
y1="82.629"
y2="26.028"
href="#a"
/>
<linearGradient
id="j"
x1="22.839"
x2="76.036"
y1="82.771"
y2="26.17"
href="#a"
/>
<linearGradient
id="k"
x1="-.756"
x2="52.44"
y1="60.595"
y2="3.994"
href="#a"
/>
<linearGradient
id="l"
x1="-5.534"
x2="47.662"
y1="56.104"
y2="-.497"
href="#a"
/>
<linearGradient
id="m"
x1="13.857"
x2="67.053"
y1="74.328"
y2="17.727"
href="#a"
/>
<g>
<path fill="url(#a)" d="M52 32h2v2h-2z" />
<path
fill="url(#b)"
d="M4 10h50V4H4zm10-4h2v2h-2zm-4 0h2v2h-2zM6 6h2v2H6z"
/>
<path fill="url(#c)" d="m26 16.85-1-.17V19h1z" />
<path fill="url(#d)" d="M42 42h2v2h-2z" />
<path
fill="url(#e)"
d="m23 16.35-1.23-.21a2.993 2.993 0 0 1-5.54 0l-1.23.21V24h8z"
/>
<path fill="url(#f)" d="m13 16.68-1 .17V19h1z" />
<path fill="url(#g)" d="M42 32h2v2h-2z" />
<path fill="url(#h)" d="M60 23a1 1 0 0 0-1-1H37a1 1 0 0 0-1 1v1h24z" />
<path
fill="url(#i)"
d="M37 60h22a1 1 0 0 0 1-1v-7H36v7a1 1 0 0 0 1 1zm11-7a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"
/>
<circle cx="48" cy="56" r="1" fill="url(#j)" />
<path
fill="url(#k)"
d="m26.1 44 .8-8H25v1h-2v-1h-8v1h-2v-1h-1.895l.8 8zM23 38h2v4h-2zm-3 0h2v4h-2zm-4 0h2v4h-2zm-3 0h2v4h-2z"
/>
<path
fill="url(#l)"
d="M4 48h30V23a3.009 3.009 0 0 1 3-3h17v-8H4zm6-32a1 1 0 0 1 .84-.99l6-1A1 1 0 0 1 18 15a1 1 0 0 0 2 0 1 1 0 0 1 1.16-.99l6 1A1 1 0 0 1 28 16v4a1 1 0 0 1-1 1h-2v4a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1v-4h-2a1 1 0 0 1-1-1zm12 13-3 4-3-4h2v-2h2v2zM9.259 34.329A1 1 0 0 1 10 34h3v-2h-2v-2h3a1 1 0 0 1 1 1v3h8v-3a1 1 0 0 1 1-1h3v2h-2v2h3a1 1 0 0 1 1 1.1l-1 10a1 1 0 0 1-1 .9H11a1 1 0 0 1-.995-.9l-1-10a1 1 0 0 1 .254-.771z"
/>
<path
fill="url(#m)"
d="M36 50h24V26H36zm20-5a1 1 0 0 1-1 1h-4v-2h3v-3h2zm-3-4v2h-2v-2zm-1-2v-2h2v2zm-2-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm-3 1h2v2h-2zm0 5h2v2h-2zm0 4h2v5h-2zm-7-10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm5 6v2h-3v-2zm-5 4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"
/>
</g>
</svg>
More icons in the same style and category