Add icons to this collection by clicking the heart icon.
Gift Box icon - also known as present, gift, christmas, celebration, surprise, and gift box. 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 512 512"
>
<linearGradient
id="a"
x1="188"
x2="188"
y1="55.696"
y2="489.798"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="280"
x2="280"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient id="c" x1="84" x2="84" y1="55.696" y2="489.798" href="#a" />
<linearGradient id="d" x1="68" x2="68" y1="55.696" y2="489.798" href="#a" />
<linearGradient
id="e"
x1="140"
x2="140"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="f"
x1="368"
x2="368"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="g"
x1="376"
x2="376"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="h"
x1="288"
x2="288"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="i"
x1="328"
x2="328"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="j"
x1="452"
x2="452"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="k"
x1="240"
x2="240"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="l"
x1="444.484"
x2="444.484"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="m"
x1="186.126"
x2="186.126"
y1="55.696"
y2="489.798"
href="#a"
/>
<linearGradient
id="n"
x1="211.516"
x2="211.516"
y1="55.696"
y2="489.798"
href="#a"
/>
<path
fill="url(#a)"
d="M176 116a35.792 35.792 0 0 1-6.081 20H256V34a2 2 0 0 0-2-2H120v54.08A35.985 35.985 0 0 1 176 116zm48-28h16v16h-16zm-48-40h16v16h-16z"
/>
<path
fill="url(#b)"
d="M256 254v58l19.2-14.4a8 8 0 0 1 9.6 0L304 312v-80h-26a22.025 22.025 0 0 0-22 22z"
/>
<path
fill="url(#c)"
d="M84 96a20 20 0 0 0 0 40h20v-20a20.023 20.023 0 0 0-20-20z"
/>
<path
fill="url(#d)"
d="M84.651 174.366A86.338 86.338 0 0 0 80 200.012L64 200a101.666 101.666 0 0 1 5.466-30.691A60.335 60.335 0 0 1 78.8 152H32v326a2 2 0 0 0 2 2h70V153.078c-8.72 2.536-15.089 9.566-19.349 21.288z"
/>
<path
fill="url(#e)"
d="M160 116a20 20 0 0 0-40 0v20h20a20.023 20.023 0 0 0 20-20z"
/>
<path
fill="url(#f)"
d="M400 184a32 32 0 0 0-64 0v32h32a32.036 32.036 0 0 0 32-32z"
/>
<path
fill="url(#g)"
d="M352 232v136l19.2-14.4a8 8 0 0 1 9.6 0L400 368V254a22.025 22.025 0 0 0-22-22z"
/>
<path fill="url(#h)" d="M288 216h32v-32a32 32 0 1 0-32 32z" />
<path fill="url(#i)" d="M320 232h16v64h-16z" />
<path
fill="url(#j)"
d="M440 416a16 16 0 0 0 24 13.858v-27.716A16 16 0 0 0 440 416z"
/>
<circle cx="240" cy="384" r="16" fill="url(#k)" />
<path
fill="url(#i)"
d="M416 384a8 8 0 0 1-12.8 6.4L376 370l-27.2 20.4A8 8 0 0 1 336 384v-72h-16v16a8 8 0 0 1-12.8 6.4L280 314l-27.2 20.4A8 8 0 0 1 240 328v-16h-48v168h108.3a32 32 0 1 1 55.41 0H462a2 2 0 0 0 2-2v-31.013a32 32 0 1 1 0-61.974V312h-48zm-176 32a32 32 0 1 1 32-32 32.036 32.036 0 0 1-32 32z"
/>
<circle cx="328" cy="464" r="16" fill="url(#i)" />
<path
fill="url(#l)"
d="M478 232h-69.032A37.8 37.8 0 0 1 416 254v42h64v-62a2 2 0 0 0-2-2z"
/>
<path
fill="url(#d)"
d="M32 34v102h22.081A35.984 35.984 0 0 1 104 86.08V32H34a2 2 0 0 0-2 2z"
/>
<path
fill="url(#m)"
d="M160 304v-70a18.021 18.021 0 0 1 18-18h74.253a47.912 47.912 0 0 1 0-64H145.2a60.335 60.335 0 0 1 9.337 17.309A101.666 101.666 0 0 1 160 200h-8l-8 .012a86.338 86.338 0 0 0-4.651-25.646c-4.26-11.722-10.629-18.752-19.349-21.288V480h56V312h-8a8 8 0 0 1-8-8zm24-128h16v16h-16z"
/>
<path
fill="url(#n)"
d="M240 254a37.8 37.8 0 0 1 7.032-22H178a2 2 0 0 0-2 2v62h64z"
/>
</svg>
More icons in the same style and category