Add icons to this collection by clicking the heart icon.
Gift icon - also known as present, gift, christmas, box, birthday, celebration, surprise, 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 32 32"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 2.575 8.767) scale(3.05)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa24d" />
<stop offset="1" stop-color="#d76600" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 5.069 11.065) scale(5.004)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc100" />
<stop offset="1" stop-color="#967300" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-90 19.563 -.703) scale(4.859)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f02124" />
<stop offset="1" stop-color="#a70003" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 5.613 -5.613 0 24 12.887)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e30f13" />
<stop offset="1" stop-color="#8f0003" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fbd34e" />
<stop offset="1" stop-color="#d4a300" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-90 16.895 .188) scale(5.083)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 1.817 14.6) scale(6.009)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M17.086 8.076c-.356-.203-.485-2.426-.287-2.786.708-1.285 2.043-2.358 3.746-2.815 3.021-.809 5.972.647 6.638 3.136.244.908.161 1.841-.19 2.705-.156.384-.594 2.34-.978 2.184l-8.578-2.327a.748.748 0 0 1-.343-.093zM14.897 7.706a.73.73 0 0 1-.334.088l-8.578 2.327c-.384.156-.822-1.421-.978-1.805-.351-.864-.434-1.797-.19-2.705.666-2.489 3.617-3.945 6.638-3.136 1.703.457 3.038 1.53 3.746 2.815.199.362.067 2.212-.295 2.412z"
/>
<path
fill="url(#c)"
d="M13.247 8.736H18.762a.75.75 0 0 0 .741-.75A3.502 3.502 0 0 0 16 4.484a3.504 3.504 0 0 0-3.503 3.502c0 .414.336.75.75.75z"
/>
<path
fill="url(#d)"
d="M28.202 14.255a.75.75 0 0 0-.75-.75H4.548a.75.75 0 0 0-.75.75V27a2.752 2.752 0 0 0 2.75 2.75h18.904a2.75 2.75 0 0 0 2.75-2.75z"
/>
<path
fill="url(#e)"
d="M30.004 9.986c0-.729-.29-1.429-.806-1.944a2.747 2.747 0 0 0-1.944-.806H4.746c-.729 0-1.429.29-1.944.806a2.747 2.747 0 0 0-.806 1.944v2.269a2.75 2.75 0 0 0 2.75 2.75h22.508a2.75 2.75 0 0 0 2.75-2.75z"
/>
<path fill="url(#f)" d="M12.497 13.505h7.005V29.75h-7.005z" />
<path fill="url(#g)" d="M12.497 7.236h7.005v7.768h-7.005z" />
</g>
</svg>
More icons in the same style and category