Add icons to this collection by clicking the heart icon.
Qr Code icon - also known as technology, qr code, ui, qr codes, QR, and shapes and symbols. 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 0H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zm-8 464H16V16h448v448z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 48H48v144h144V48zm-16 128H64V64h112v112z" fill="url(#b)" />
<linearGradient
id="c"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M160 80H80v80h80V80zm-16 64H96V96h48v48z" fill="url(#c)" />
<linearGradient
id="d"
x1="-11.875"
x2="-11.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M432 48H288v144h144V48zm-16 128H304V64h112v112z" fill="url(#d)" />
<linearGradient
id="e"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 288H48v144h144V288zm-16 128H64V304h112v112z" fill="url(#e)" />
<linearGradient
id="f"
x1="-47.875"
x2="-47.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M96 208H48v40h48v-40zm-16 24H64v-8h16v8z" fill="url(#f)" />
<linearGradient
id="g"
x1="-38.875"
x2="-38.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M176 208h-64v40h64v-40zm-16 24h-32v-8h32v8z" fill="url(#g)" />
<linearGradient
id="h"
x1="-49.875"
x2="-49.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M48 256h16v16H48v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-45.875"
x2="-45.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 256h16v16H80v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-26.875"
x2="-26.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M224 224h32v32h-32v-32z" fill="url(#j)" />
<linearGradient
id="k"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104 104h32v32h-32v-32z" fill="url(#k)" />
<linearGradient
id="l"
x1="-11.875"
x2="-11.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M400 80h-80v80h80V80zm-16 64h-48V96h48v48z" fill="url(#l)" />
<linearGradient
id="m"
x1="-11.875"
x2="-11.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M344 104h32v32h-32v-32z" fill="url(#m)" />
<linearGradient
id="n"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M160 320H80v80h80v-80zm-16 64H96v-48h48v48z" fill="url(#n)" />
<linearGradient
id="o"
x1="-41.875"
x2="-41.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104 344h32v32h-32v-32z" fill="url(#o)" />
<linearGradient
id="p"
x1="-26.875"
x2="-26.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 48h-80v48h80V48zm-16 32h-48V64h48v16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-28.875"
x2="-28.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 112h-48v64h48v-64zm-16 48h-16v-32h16v32z" fill="url(#q)" />
<linearGradient
id="r"
x1="-23.375"
x2="-23.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 112h24v16h-24v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-23.875"
x2="-23.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 144h16v32h-16v-32z" fill="url(#s)" />
<linearGradient
id="t"
x1="-27.375"
x2="-27.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 192h72v16h-72v-16z" fill="url(#t)" />
<linearGradient
id="u"
x1="-31.875"
x2="-31.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 216h16v64h-16v-64z" fill="url(#u)" />
<linearGradient
id="v"
x1="-38.875"
x2="-38.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M112 256h64v16h-64v-16z" fill="url(#v)" />
<linearGradient
id="w"
x1="-18.875"
x2="-18.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M272 280h64v-64h-64v64zm16-48h32v32h-32v-32z" fill="url(#w)" />
<linearGradient
id="x"
x1="-7.875"
x2="-7.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M352 256h80v-48h-80v48zm16-32h48v16h-48v-16z" fill="url(#x)" />
<linearGradient
id="y"
x1="-7.875"
x2="-7.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M352 264h80v16h-80v-16z" fill="url(#y)" />
<linearGradient
id="z"
x1="-23.875"
x2="-23.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M232 328h-16v64h64v-48h40v-16h-72v-56h-16v24h-24v16h24v16zm32 48h-32v-32h32v32z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="-17.375"
x2="-17.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M272 296h88v16h-88v-16z" fill="url(#A)" />
<linearGradient
id="B"
x1="-8.875"
x2="-8.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M384 328h-48v16h32v88h64v-64h-48v-40zm32 88h-32v-32h32v32z"
fill="url(#B)"
/>
<linearGradient
id="C"
x1="-6.875"
x2="-6.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M392 296h16v56h-16v-56z" fill="url(#C)" />
<linearGradient
id="D"
x1="-3.875"
x2="-3.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M416 312h16v40h-16v-40z" fill="url(#D)" />
<linearGradient
id="E"
x1="-28.875"
x2="-28.875"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M216 400h16v32h-16v-32z" fill="url(#E)" />
<linearGradient
id="F"
x1="-22.375"
x2="-22.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 408h56v16h-56v-16z" fill="url(#F)" />
<linearGradient
id="G"
x1="-16.375"
x2="-16.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M312 360h-16v40h40v32h16v-48h-40v-24z" fill="url(#G)" />
<linearGradient
id="H"
x1="-14.375"
x2="-14.375"
y1="556.719"
y2="619.574"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 352h24v16h-24v-16z" fill="url(#H)" />
</svg>
More icons in the same style and category