Add icons to this collection by clicking the heart icon.
Qr Code icon - also known as technology, quick response, qr code, code, signaling, multimedia, ui, and scan. 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="100"
height="100"
viewBox="0 0 469.333 469.333"
>
<linearGradient
id="a"
x1="-59.89"
x2="-45.183"
y1="624.005"
y2="609.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 0H160c-5.888 0-10.667 4.779-10.667 10.667v298.667c0 5.888 4.779 10.667 10.667 10.667h298.667c5.888 0 10.667-4.779 10.667-10.667V10.667C469.333 4.779 464.555 0 458.667 0zM448 298.667H170.667V21.333H448v277.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-50.89"
x2="-45.183"
y1="608.005"
y2="602.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 341.333H352c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.667 10.667 10.667h106.667c5.888 0 10.667-4.779 10.667-10.667V352c-.001-5.888-4.779-10.667-10.667-10.667zM448 448h-85.333v-85.333H448V448z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.891"
x2="-53.182"
y1="608.004"
y2="602.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M288 341.333H181.333c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.667 10.667 10.667H288c5.888 0 10.667-4.779 10.667-10.667V352c0-5.888-4.779-10.667-10.667-10.667zM277.333 448H192v-85.333h85.333V448z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-65.515"
x2="-61.058"
y1="621.38"
y2="616.923"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M106.667 64c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H53.333c-5.888 0-10.667 4.779-10.667 10.667V160c0 5.888 4.779 10.667 10.667 10.667h53.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H64V64h42.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-54.89"
x2="-50.183"
y1="619.005"
y2="614.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 213.333H352c5.888 0 10.667-4.779 10.667-10.667v-85.333c0-5.888-4.779-10.667-10.667-10.667h-85.333c-5.888 0-10.667 4.779-10.667 10.667v85.333c0 5.889 4.779 10.667 10.667 10.667zM277.333 128h64v64h-64v-64z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-66.891"
x2="-61.182"
y1="608.004"
y2="602.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M117.333 341.333H10.667C4.779 341.333 0 346.112 0 352v106.667c0 5.888 4.779 10.667 10.667 10.667h106.667c5.888 0 10.667-4.779 10.667-10.667V352c-.001-5.888-4.78-10.667-10.668-10.667zM106.667 448H21.333v-85.333h85.333V448z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-69.141"
x2="-61.432"
y1="621.753"
y2="614.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M128 10.667C128 4.779 123.221 0 117.333 0H10.667C4.779 0 0 4.779 0 10.667v298.667C0 315.221 4.779 320 10.667 320s10.667-4.779 10.667-10.667v-96h96c5.888 0 10.667-4.779 10.667-10.667S123.221 192 117.333 192h-96V21.333h96c5.888 0 10.667-4.778 10.667-10.666z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-64.892"
x2="-62.934"
y1="613.003"
y2="611.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M64 298.667V256h42.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H53.333c-5.888 0-10.667 4.779-10.667 10.667v53.333c0 5.888 4.779 10.667 10.667 10.667S64 304.555 64 298.667z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category