Add icons to this collection by clicking the heart icon.
Gift icon - also known as present, gift, box, package, and birthday and party. Created in a clean 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"
>
<radialGradient
id="g"
cx="391.134"
cy="2104.288"
r="263.858"
gradientTransform="matrix(.931 0 0 .112 -111.519 220.595)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e28086" />
<stop offset=".014" stop-color="#e38389" />
<stop offset=".339" stop-color="#f1bcc0" />
<stop offset=".495" stop-color="#f6d3d5" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e4989d" />
<stop offset=".153" stop-color="#e39298" />
<stop offset=".358" stop-color="#e18189" />
<stop offset=".592" stop-color="#dd6570" />
<stop offset=".608" stop-color="#dd636e" />
<stop offset="1" stop-color="#b93333" />
</linearGradient>
<radialGradient
id="h"
cx="140.294"
cy="76.921"
r="58.412"
gradientTransform="matrix(-1 0 0 -.762 280.595 135.55)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".606" stop-color="#eab1b7" />
<stop offset=".76" stop-color="#e9adb3" />
<stop offset=".919" stop-color="#e6a1a6" />
<stop offset="1" stop-color="#e4989d" />
</linearGradient>
<radialGradient
id="i"
cx="138.195"
cy="36.44"
r="48.049"
gradientTransform="matrix(-1 0 0 -.867 276.395 68.027)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="218.709"
cy="107.646"
r="70.035"
gradientTransform="matrix(-1 0 0 -.867 437.43 200.98)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="327.488"
cy="21.002"
r="73.53"
gradientTransform="matrix(-1 0 0 -.814 654.976 38.086)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="397.895"
cy="95.926"
r="68.413"
gradientTransform="matrix(-1 0 0 -.814 795.789 173.963)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset=".013" stop-color="#fffbe4" />
<stop offset=".606" stop-color="#f9efaf" />
<stop offset=".721" stop-color="#f9eeab" />
<stop offset=".839" stop-color="#f8ec9e" />
<stop offset=".96" stop-color="#f7e98a" />
<stop offset="1" stop-color="#f6e781" />
</linearGradient>
<radialGradient
id="m"
cx="480.89"
cy="212.926"
r="1011.895"
gradientTransform="matrix(.126 0 0 -.183 -5.589 270.386)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="527.427"
cy="103.172"
r="907.294"
gradientTransform="matrix(.126 0 0 -.156 -17.334 120.087)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f6e266" />
<stop offset=".46" stop-color="#f4dd45" />
<stop offset=".583" stop-color="#f2d340" />
<stop offset=".791" stop-color="#ecb934" />
<stop offset="1" stop-color="#e49824" />
</linearGradient>
<radialGradient
id="o"
cx="386.027"
cy="179.463"
r="320.729"
gradientTransform="matrix(-1.055 0 0 -.586 799.45 292.766)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="p"
cx="335.759"
cy="105.223"
r="1364.109"
gradientTransform="matrix(.049 0 0 -.054 201.788 111.918)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#dd636e" />
<stop offset=".032" stop-color="#dd606b" />
<stop offset=".561" stop-color="#d82e3d" />
<stop offset="1" stop-color="#8e2e2e" />
</linearGradient>
<radialGradient
id="q"
cx="409.708"
cy="179.463"
r="332.122"
gradientTransform="matrix(-.281 0 0 -.586 428.464 292.766)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="r"
cx="417.786"
cy="274.449"
r="334.793"
gradientTransform="matrix(-.959 0 0 -.82 812.684 647.951)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="s"
cx="445.756"
cy="259.341"
r="2372.196"
gradientTransform="matrix(.049 0 0 -.098 191.048 408.129)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="t"
cx="411.762"
cy="277.779"
r="397.775"
gradientTransform="matrix(-.265 0 0 -.842 420.398 676.39)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#e4936b" />
<stop offset=".377" stop-color="#e27d47" />
<stop offset=".479" stop-color="#df7344" />
<stop offset=".651" stop-color="#d5593e" />
<stop offset=".872" stop-color="#c72e33" />
<stop offset=".919" stop-color="#c32430" />
</linearGradient>
<radialGradient
id="u"
cx="402.158"
cy="90.849"
r="121.458"
gradientTransform="matrix(-1 0 0 -.814 804.317 164.756)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="v"
cx="303.654"
cy="104.789"
r="121.458"
gradientTransform="matrix(1 0 0 -.867 -56.415 195.634)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="w"
cx="402.158"
cy="90.849"
r="121.458"
gradientTransform="matrix(-1 0 0 -.814 804.317 164.756)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="x"
cx="303.654"
cy="104.789"
r="121.458"
gradientTransform="matrix(1 0 0 -.867 -56.415 195.634)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#g)"
d="M256 486.771c141.385 0 256-14.042 256-31.364H0c0 17.322 114.615 31.364 256 31.364z"
/>
<path
fill="url(#h)"
d="m164.045 80.685-23.501 5.435c7.015 10.292 18.83 17.05 32.225 17.05h14.776c-13.394 0-18.903-12.193-23.5-22.485z"
/>
<path
fill="url(#i)"
d="M156.841 64.2c0-21.523 9.182-38.971 30.705-38.971H172.77c-21.523 0-38.971 17.448-38.971 38.971a38.786 38.786 0 0 0 6.746 21.921h20.396c-2.79-6.246-4.1-13.793-4.1-21.921z"
/>
<path
fill="url(#j)"
d="m213.648 35.421-21.832 6.858c27.659 0 51.072 18.538 58.463 43.842l19.479 4.638c4.702-25.35-28.45-55.338-56.11-55.338z"
/>
<path
fill="url(#k)"
d="M362.476 25.229H347.7c-43.046 0-77.942 34.896-77.942 77.942h14.776c21.568-45.267 77.942-77.942 77.942-77.942z"
/>
<path
fill="url(#l)"
d="M366.746 86.121h25.185c29.755-19.21 15.518-46.502-8.011-46.503l-17.175 2.661c12.088 0 21.922 9.834 21.922 21.92.001 12.088-9.833 21.922-21.921 21.922z"
/>
<path
fill="url(#m)"
d="M25.019 455.407H97.24l28.432-296.017-100.653 32.514z"
/>
<path
fill="url(#n)"
d="M14.922 191.904h72.221l18.085-44.367-18.085-44.367H14.922z"
/>
<path fill="url(#o)" d="M87.143 103.17h394.783v88.734H87.143z" />
<path
fill="url(#p)"
d="M213.648 191.904h18.265l13.512-44.367-13.512-44.367h-18.265z"
/>
<path fill="url(#q)" d="M231.913 103.17h105.243v88.734H231.913z" />
<path
fill="url(#r)"
d="M471.829 455.407H334.008l-64.25-17.2-52.962 17.2H97.24V191.904h374.589z"
/>
<path
fill="url(#s)"
d="M216.796 455.407h18.265l27.363-133.07-27.363-130.433h-18.265z"
/>
<path fill="url(#t)" d="M235.061 191.904h98.948v263.503h-98.948z" />
<path
fill="url(#u)"
d="M381.523 25.229h-19.047c-43.046 0-77.942 34.896-77.942 77.942h96.989c21.523 0 38.971-17.448 38.971-38.971 0-21.523-17.448-38.971-38.971-38.971zm0 60.892h-77.51c7.392-25.304 30.804-43.842 58.463-43.842h19.047c12.088 0 21.922 9.834 21.922 21.92 0 12.088-9.834 21.922-21.922 21.922z"
/>
<path
fill="url(#v)"
d="M148.575 64.2c0 21.523 17.448 38.971 38.971 38.971h96.989c0-43.046-34.896-77.942-77.942-77.942h-19.047c-21.523 0-38.971 17.448-38.971 38.971zm17.049-.001c0-12.087 9.834-21.92 21.922-21.92h19.047c27.659 0 51.072 18.538 58.463 43.842h-77.51c-12.088 0-21.922-9.834-21.922-21.922z"
/>
<path
fill="url(#w)"
d="M381.523 25.229h-19.047c-43.046 0-77.942 34.896-77.942 77.942h96.989c21.523 0 38.971-17.448 38.971-38.971 0-21.523-17.448-38.971-38.971-38.971zm0 60.892h-77.51c7.392-25.304 30.804-43.842 58.463-43.842h19.047c12.088 0 21.922 9.834 21.922 21.92 0 12.088-9.834 21.922-21.922 21.922z"
/>
<path
fill="url(#x)"
d="M148.575 64.2c0 21.523 17.448 38.971 38.971 38.971h96.989c0-43.046-34.896-77.942-77.942-77.942h-19.047c-21.523 0-38.971 17.448-38.971 38.971zm17.049-.001c0-12.087 9.834-21.92 21.922-21.92h19.047c27.659 0 51.072 18.538 58.463 43.842h-77.51c-12.088 0-21.922-9.834-21.922-21.922z"
/>
</svg>
More icons in the same style and category