Add icons to this collection by clicking the heart icon.
Gift icon - also known as present, gift, christmas, gifts, birthday, surprise, christmas presents, and birthday and party. 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="17.998"
x2="46.002"
y1="56.253"
y2="7.747"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ae1f59" />
<stop offset="1" stop-color="#ec417a" />
</linearGradient>
<linearGradient
id="c"
x1="19.998"
x2="44.002"
y1="52.788"
y2="11.212"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#44b3e6" />
<stop offset="1" stop-color="#b5e4fa" />
</linearGradient>
<linearGradient
id="d"
x1="31.5"
x2="32.5"
y1="52.866"
y2="51.134"
href="#a"
/>
<linearGradient
id="e"
x1="31.5"
x2="32.5"
y1="12.866"
y2="11.134"
href="#a"
/>
<linearGradient
id="f"
x1="50.521"
x2="51.521"
y1="39.047"
y2="37.314"
href="#a"
/>
<linearGradient
id="g"
x1="12.479"
x2="13.479"
y1="26.686"
y2="24.954"
href="#a"
/>
<linearGradient
id="h"
x1="43.256"
x2="44.256"
y1="16.686"
y2="14.954"
href="#a"
/>
<linearGradient
id="i"
x1="19.744"
x2="20.744"
y1="49.046"
y2="47.314"
href="#a"
/>
<linearGradient
id="j"
x1="19.744"
x2="20.744"
y1="16.686"
y2="14.953"
href="#a"
/>
<linearGradient
id="k"
x1="43.256"
x2="44.256"
y1="49.047"
y2="47.314"
href="#a"
/>
<linearGradient
id="l"
x1="12.479"
x2="13.479"
y1="39.046"
y2="37.314"
href="#a"
/>
<linearGradient
id="m"
x1="50.521"
x2="51.521"
y1="26.686"
y2="24.954"
href="#a"
/>
<linearGradient
id="n"
x1="27.018"
x2="36.713"
y1="44.895"
y2="28.103"
href="#a"
/>
<linearGradient
id="o"
x1="29.001"
x2="34.999"
y1="33.195"
y2="22.805"
href="#a"
/>
<linearGradient
id="b"
x1="32.951"
x2="36.5"
y1="26.549"
y2="20.402"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f78f1e" />
<stop offset="1" stop-color="#ffcb29" />
</linearGradient>
<linearGradient
id="p"
x1="27.975"
x2="30.976"
y1="25.873"
y2="20.676"
gradientTransform="rotate(180 29 23)"
href="#b"
/>
<linearGradient
id="q"
x1="27.853"
x2="36.147"
y1="42.183"
y2="27.817"
href="#b"
/>
<circle cx="32" cy="32" r="28" fill="url(#a)" />
<circle cx="32" cy="32" r="24" fill="url(#c)" />
<circle cx="32" cy="52" r="1" fill="url(#d)" />
<circle cx="32" cy="12" r="1" fill="url(#e)" />
<circle cx="51.021" cy="38.18" r="1" fill="url(#f)" />
<circle cx="12.979" cy="25.82" r="1" fill="url(#g)" />
<circle cx="43.756" cy="15.82" r="1" fill="url(#h)" />
<circle cx="20.244" cy="48.18" r="1" fill="url(#i)" />
<circle cx="20.244" cy="15.82" r="1" fill="url(#j)" />
<circle cx="43.756" cy="48.18" r="1" fill="url(#k)" />
<circle cx="12.979" cy="38.18" r="1" fill="url(#l)" />
<circle cx="51.021" cy="25.82" r="1" fill="url(#m)" />
<path
fill="url(#n)"
d="M40 30v12a2.006 2.006 0 0 1-2 2H26a2.006 2.006 0 0 1-2-2V30z"
/>
<path
fill="url(#o)"
d="M42 28a2.015 2.015 0 0 1-2 2H24a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="url(#b)"
d="M35 20a3 3 0 0 1 3 3 3 3 0 0 1-3 3h-3v-3a3 3 0 0 1 3-3z"
/>
<path
fill="url(#p)"
d="M26 20h3a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3v-3z"
transform="rotate(180 29 23)"
/>
<path fill="url(#q)" d="M31 26h2v18h-2z" />
</svg>
More icons in the same style and category