Add icons to this collection by clicking the heart icon.
Gift Card icon - also known as gift, website, commerce and shopping, voucher, gift card, and gift voucher. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="23.351"
x2="535.518"
y1="480.649"
y2="-31.518"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-136.649"
x2="375.518"
y1="320.649"
y2="-191.518"
href="#a"
/>
<linearGradient
id="c"
x1="-124.149"
x2="388.018"
y1="333.149"
y2="-179.018"
href="#a"
/>
<linearGradient
id="d"
x1="-112.149"
x2="400.018"
y1="345.149"
y2="-167.018"
href="#a"
/>
<linearGradient
id="e"
x1="66.285"
x2="578.451"
y1="523.583"
y2="11.416"
href="#a"
/>
<linearGradient
id="f"
x1="149.351"
x2="661.518"
y1="606.649"
y2="94.482"
href="#a"
/>
<linearGradient
id="g"
x1="159.351"
x2="671.518"
y1="616.649"
y2="104.482"
href="#a"
/>
<linearGradient
id="h"
x1="177.351"
x2="689.518"
y1="634.649"
y2="122.482"
href="#a"
/>
<path
fill="url(#a)"
d="M480 104H32a24.032 24.032 0 0 0-24 24v240a24.032 24.032 0 0 0 24 24h128v24a24.032 24.032 0 0 0 24 24h240a24.032 24.032 0 0 0 24-24v-24h32a24.032 24.032 0 0 0 24-24V128a24.032 24.032 0 0 0-24-24zM160 272v104h-16a8.011 8.011 0 0 1-8-8V224a8.011 8.011 0 0 1 8-8h240a8.011 8.011 0 0 1 8 8v24H184a24.032 24.032 0 0 0-24 24zm272 40H320a8 8 0 0 0 0 16h112v88a8.011 8.011 0 0 1-8 8H264v-48a8 8 0 0 0-16 0v48h-64a8.011 8.011 0 0 1-8-8v-88h16a8 8 0 0 0 0-16h-16v-40a8.011 8.011 0 0 1 8-8h64v8a8 8 0 0 0 16 0v-8h160a8.011 8.011 0 0 1 8 8zm56 56a8.011 8.011 0 0 1-8 8h-32V272a24.032 24.032 0 0 0-24-24h-16v-24a24.032 24.032 0 0 0-24-24H144a24.032 24.032 0 0 0-24 24v144a23.841 23.841 0 0 0 1.38 8H32a8.011 8.011 0 0 1-8-8V168h464zm0-216H24v-24a8.011 8.011 0 0 1 8-8h448a8.011 8.011 0 0 1 8 8z"
/>
<circle cx="48" cy="136" r="8" fill="url(#b)" />
<circle cx="73" cy="136" r="8" fill="url(#c)" />
<circle cx="97" cy="136" r="8" fill="url(#d)" />
<path
fill="url(#e)"
d="M304 316a27.981 27.981 0 0 0-48-19.569A27.992 27.992 0 1 0 236 344h.686l-18.343 18.343a8 8 0 0 0 11.314 11.314L256 347.314l26.343 26.343a8 8 0 0 0 11.314-11.314L275.314 344H276a28.032 28.032 0 0 0 28-28zm-28-12a12 12 0 0 1 0 24h-12v-12a12.013 12.013 0 0 1 12-12zm-52 12a12 12 0 0 1 24 0v12h-12a12.013 12.013 0 0 1-12-12z"
/>
<path
fill="url(#f)"
d="M416 344h-48a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-32v-8h32z"
/>
<path fill="url(#g)" d="M384 392h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" />
<path fill="url(#h)" d="M416 392h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category