Add icons to this collection by clicking the heart icon.
Present icon - also known as present, gift, christmas, box, birthday, celebration, surprise, gift box, and present 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 64 64"
>
<linearGradient
id="a"
x1="21"
x2="28"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="f"
x1="33.55"
x2="24.11"
y1="10.53"
y2="6.42"
gradientTransform="matrix(-1 0 0 1 55.93 0)"
href="#a"
/>
<linearGradient id="g" x1="-.01" x2="48.01" y1="41" y2="41" href="#a" />
<linearGradient id="h" x1="14.46" x2="26" y1="6.5" y2="6.5" href="#a" />
<linearGradient
id="d"
x1="30"
x2="62"
y1="48"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b15de5" />
<stop offset="1" stop-color="#df86ef" />
</linearGradient>
<linearGradient
id="b"
x1="42"
x2="50"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient id="i" x1="43" x2="49" y1="48.5" y2="48.5" href="#b" />
<linearGradient
id="e"
x1="26"
x2="52"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8cdd79" />
<stop offset="1" stop-color="#d4e6b6" />
</linearGradient>
<linearGradient
id="c"
x1="37"
x2="41"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient id="j" x1="41" x2="51" y1="38.5" y2="38.5" href="#c" />
<linearGradient
id="k"
x1="55"
x2="65"
y1="38.5"
y2="38.5"
gradientTransform="matrix(-1 0 0 1 92 0)"
href="#c"
/>
<linearGradient id="l" x1="36" x2="42" y1="44" y2="44" href="#c" />
<linearGradient id="m" y1="55" y2="55" href="#c" />
<linearGradient id="n" x1="43" x2="49" y1="24" y2="24" href="#b" />
<linearGradient id="o" x1="49" x2="63" y1="22" y2="22" href="#b" />
<linearGradient
id="p"
x1="67"
x2="81"
y1="22"
y2="22"
gradientTransform="matrix(-1 0 0 1 110 0)"
href="#b"
/>
<linearGradient id="q" x1="47" x2="58" y1="14.5" y2="14.5" href="#c" />
<linearGradient id="r" x1="36" x2="43" y1="10.5" y2="10.5" href="#b" />
<linearGradient id="s" x1="0" x2="10" y1="33" y2="33" href="#b" />
<linearGradient id="t" x1="4" x2="11" y1="19" y2="19" href="#c" />
<linearGradient id="u" x1="39" x2="41" y1="2" y2="2" href="#d" />
<linearGradient id="v" x1="9" x2="11" y1="13" y2="13" href="#e" />
<linearGradient id="w" x1="3" x2="5" y1="10" y2="10" href="#c" />
<linearGradient id="x" x1="0" x2="2" y1="4" y2="4" href="#e" />
<clipPath id="y"><circle cx="62" cy="14" r="1" /></clipPath>
<linearGradient id="z" x1="47" x2="49" y1="8" y2="8" href="#d" />
<linearGradient id="A" x1="6" x2="9" y1="3.5" y2="3.5" href="#d" />
<linearGradient id="B" x1="60" x2="63" y1="4.5" y2="4.5" href="#c" />
<path fill="url(#a)" d="M21 3h7v10h-7z" />
<path
fill="url(#f)"
d="m31.93 13 1.62-8.63a2 2 0 0 0-2-2.37h-4.37a2 2 0 0 0-1.95 1.53L22.93 13z"
/>
<path
fill="url(#g)"
d="M32 18H16L1.87 42.72A14.24 14.24 0 0 0 14.22 64h19.56a14.24 14.24 0 0 0 12.35-21.28z"
/>
<rect width="20" height="6" x="14" y="13" fill="#dd8b37" rx="2" />
<path
fill="url(#h)"
d="M17 13 14.51 2.46a2 2 0 0 1 2-2.46h4.35a2 2 0 0 1 1.93 1.46L26 13z"
/>
<path fill="url(#d)" d="M30 32h32v30a2 2 0 0 1-2 2H32a2 2 0 0 1-2-2V32z" />
<rect width="36" height="6" x="28" y="27" fill="#883acc" rx="2" />
<path fill="url(#b)" d="M42 27h8v6h-8z" />
<path fill="url(#i)" d="M43 33h6v31h-6z" />
<path fill="url(#e)" d="M26 46h26v16a2 2 0 0 1-2 2H28a2 2 0 0 1-2-2V46z" />
<rect width="30" height="4" x="24" y="42" fill="#7ece67" rx="1" />
<path fill="url(#c)" d="M41 42h-4v-2a2 2 0 0 1 4 0z" />
<path
fill="url(#j)"
d="M47.5 42H41v-.5a6.5 6.5 0 0 1 6.5-6.5 3.5 3.5 0 0 1 0 7z"
/>
<path fill="#cf4055" d="M45 38a4 4 0 0 0-4 4h4a2 2 0 0 0 0-4z" />
<path
fill="url(#k)"
d="M30.5 42H37v-.5a6.5 6.5 0 0 0-6.5-6.5 3.5 3.5 0 0 0 0 7z"
/>
<path fill="#cf4055" d="M33 38a4 4 0 0 1 4 4h-4a2 2 0 0 1 0-4z" />
<path fill="url(#l)" d="M36 42h6v4h-6z" />
<path fill="url(#m)" d="M37 46h4v18h-4z" />
<path fill="url(#n)" d="M49 27h-6v-3a3 3 0 0 1 6 0z" />
<path fill="url(#o)" d="M58 17a9 9 0 0 0-9 9v1h9a5 5 0 0 0 0-10z" />
<path fill="#f6b756" d="M54 21a5 5 0 0 0-5 5v1h5a3 3 0 0 0 0-6z" />
<path fill="url(#p)" d="M34 17a9 9 0 0 1 9 9v1h-9a5 5 0 0 1 0-10z" />
<path fill="#f6b756" d="M38 21a5 5 0 0 1 5 5v1h-5a3 3 0 0 1 0-6z" />
<path
fill="url(#q)"
d="M48 18a1 1 0 0 1-.71-1.71l.59-.58A5.79 5.79 0 0 1 52 14c1.93 0 2.79-1.21 4.29-2.71a1 1 0 0 1 1.42 1.42C56 14.45 54.78 16 52 16c-2.56 0-2.91 2-4 2z"
/>
<path
fill="url(#r)"
d="M37 13a1 1 0 0 1 0-2 4.6 4.6 0 0 0 3.83-2l.34-.5a1 1 0 0 1 1.66 1.1l-.33.51A6.61 6.61 0 0 1 37 13z"
/>
<path
fill="url(#s)"
d="M9 37a1 1 0 0 1-.95-.68L8 36a3 3 0 0 0-2.83-2A5 5 0 0 1 1 31.78l-.83-1.23a1 1 0 0 1 .28-1.38 1 1 0 0 1 1.38.28C2.69 30.73 3.3 32 5.13 32A5 5 0 0 1 10 35.68 1 1 0 0 1 9 37z"
/>
<path
fill="url(#t)"
d="M10 23c-.72 0-.86-.49-1.41-1.59-.4-.8-.92-1-2.25-1.62A4.22 4.22 0 0 1 4 16a1 1 0 0 1 2 0 2.22 2.22 0 0 0 1.24 2c2.64 1.32 2.58 1.41 3.65 3.55A1 1 0 0 1 10 23z"
/>
<circle cx="40" cy="2" r="1" fill="url(#u)" />
<circle cx="10" cy="13" r="1" fill="url(#v)" />
<circle cx="4" cy="10" r="1" fill="url(#w)" />
<circle cx="1" cy="4" r="1" fill="url(#x)" />
<g clip-path="url(#y)">
<path fill="#8cdd79" d="M61 13h.03v2H61z" />
<path fill="#8ddd7a" d="M61.03 13h.03v2h-.03z" />
<path fill="#8edd7b" d="M61.06 13h.03v2h-.03z" />
<path fill="#8fdd7c" d="M61.08 13h.03v2h-.03z" />
<path fill="#90de7c" d="M61.11 13h.03v2h-.03z" />
<path fill="#91de7d" d="M61.14 13h.03v2h-.03z" />
<path fill="#92de7e" d="M61.17 13h.03v2h-.03z" />
<path fill="#93de7f" d="M61.19 13h.03v2h-.03z" />
<path fill="#94de80" d="M61.22 13h.03v2h-.03z" />
<path fill="#95de81" d="M61.25 13h.03v2h-.03z" />
<path fill="#96de82" d="M61.28 13h.03v2h-.03z" />
<path fill="#97de82" d="M61.31 13h.03v2h-.03z" />
<path fill="#98df83" d="M61.33 13h.03v2h-.03z" />
<path fill="#99df84" d="M61.36 13h.03v2h-.03z" />
<path fill="#9adf85" d="M61.39 13h.03v2h-.03z" />
<path fill="#9bdf86" d="M61.42 13h.03v2h-.03z" />
<path fill="#9cdf87" d="M61.44 13h.03v2h-.03z" />
<path fill="#9ddf88" d="M61.47 13h.03v2h-.03z" />
<path fill="#9edf88" d="M61.5 13h.03v2h-.03z" />
<path fill="#9fdf89" d="M61.53 13h.03v2h-.03z" />
<path fill="#a0e08a" d="M61.56 13h.03v2h-.03z" />
<path fill="#a1e08b" d="M61.58 13h.03v2h-.03z" />
<path fill="#a2e08c" d="M61.61 13h.03v2h-.03z" />
<path fill="#a3e08d" d="M61.64 13h.03v2h-.03z" />
<path fill="#a4e08e" d="M61.67 13h.03v2h-.03z" />
<path fill="#a5e08e" d="M61.69 13h.03v2h-.03z" />
<path fill="#a6e08f" d="M61.72 13h.03v2h-.03z" />
<path fill="#a7e090" d="M61.75 13h.03v2h-.03z" />
<path fill="#a8e191" d="M61.78 13h.03v2h-.03z" />
<path fill="#a9e192" d="M61.81 13h.03v2h-.03z" />
<path fill="#aae193" d="M61.83 13h.03v2h-.03z" />
<path fill="#abe194" d="M61.86 13h.03v2h-.03z" />
<path fill="#ace194" d="M61.89 13h.03v2h-.03z" />
<path fill="#ade195" d="M61.92 13h.03v2h-.03z" />
<path fill="#aee196" d="M61.94 13h.03v2h-.03z" />
<path fill="#afe197" d="M61.97 13H62v2h-.03z" />
<path fill="#b1e298" d="M62 13h.03v2H62z" />
<path fill="#b2e299" d="M62.03 13h.03v2h-.03z" />
<path fill="#b3e29a" d="M62.06 13h.03v2h-.03z" />
<path fill="#b4e29b" d="M62.08 13h.03v2h-.03z" />
<path fill="#b5e29b" d="M62.11 13h.03v2h-.03z" />
<path fill="#b6e29c" d="M62.14 13h.03v2h-.03z" />
<path fill="#b7e29d" d="M62.17 13h.03v2h-.03z" />
<path fill="#b8e29e" d="M62.19 13h.03v2h-.03z" />
<path fill="#b9e39f" d="M62.22 13h.03v2h-.03z" />
<path fill="#bae3a0" d="M62.25 13h.03v2h-.03z" />
<path fill="#bbe3a1" d="M62.28 13h.03v2h-.03z" />
<path fill="#bce3a1" d="M62.31 13h.03v2h-.03z" />
<path fill="#bde3a2" d="M62.33 13h.03v2h-.03z" />
<path fill="#bee3a3" d="M62.36 13h.03v2h-.03z" />
<path fill="#bfe3a4" d="M62.39 13h.03v2h-.03z" />
<path fill="#c0e3a5" d="M62.42 13h.03v2h-.03z" />
<path fill="#c1e4a6" d="M62.44 13h.03v2h-.03z" />
<path fill="#c2e4a7" d="M62.47 13h.03v2h-.03z" />
<path fill="#c3e4a7" d="M62.5 13h.03v2h-.03z" />
<path fill="#c4e4a8" d="M62.53 13h.03v2h-.03z" />
<path fill="#c5e4a9" d="M62.56 13h.03v2h-.03z" />
<path fill="#c6e4aa" d="M62.58 13h.03v2h-.03z" />
<path fill="#c7e4ab" d="M62.61 13h.03v2h-.03z" />
<path fill="#c8e4ac" d="M62.64 13h.03v2h-.03z" />
<path fill="#c9e5ad" d="M62.67 13h.03v2h-.03z" />
<path fill="#cae5ad" d="M62.69 13h.03v2h-.03z" />
<path fill="#cbe5ae" d="M62.72 13h.03v2h-.03z" />
<path fill="#cce5af" d="M62.75 13h.03v2h-.03z" />
<path fill="#cde5b0" d="M62.78 13h.03v2h-.03z" />
<path fill="#cee5b1" d="M62.81 13h.03v2h-.03z" />
<path fill="#cfe5b2" d="M62.83 13h.03v2h-.03z" />
<path fill="#d0e5b3" d="M62.86 13h.03v2h-.03z" />
<path fill="#d1e6b3" d="M62.89 13h.03v2h-.03z" />
<path fill="#d2e6b4" d="M62.92 13h.03v2h-.03z" />
<path fill="#d3e6b5" d="M62.94 13h.03v2h-.03z" />
<path fill="#d4e6b6" d="M62.97 13H63v2h-.03z" />
</g>
<circle cx="48" cy="8" r="1" fill="url(#z)" />
<path
fill="url(#A)"
d="M8 5c-.53 0-.67-.26-1.71-1.29a1 1 0 0 1 1.42-1.42l1 1A1 1 0 0 1 8 5z"
/>
<path
fill="url(#B)"
d="M61 6a1 1 0 0 1-.71-1.71l1-1a1 1 0 1 1 1.42 1.42C61.65 5.77 61.52 6 61 6z"
/>
</svg>
More icons in the same style and category