Add icons to this collection by clicking the heart icon.
Gift Box icon - also known as present, surprise, gift box, and birthday and party. Created in a clean lineal color style with a white, silver, gray, black, magenta, purple, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-199.085a5 5 0 0 0-5 5v426.068a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(222.004 37.966)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v426.068a5 5 0 0 0 5 5h-42.081a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(60 42.966)"
fill="#ffc344"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v51.034a5 5 0 0 1-5 5h-194.085a5 5 0 0 1-5-5v-426.068a5 5 0 0 1 5-5H0V-35"
transform="translate(222.004 418)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.359c-29.646 0-44.268-36.042-23.003-56.698l9.499-9.226h44.039L1.362-27.646C-2.959-18.362-3.036-8.569 0 0"
transform="translate(317.323 394.729)"
fill="#02c7dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-11.359c-29.646 0-44.268-36.042-23.003-56.698l9.499-9.226h44.039L1.362-27.646C-2.959-18.362-3.036-8.569 0 0Z"
transform="translate(317.323 394.729)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.361c3.035-8.569 2.959-18.362-1.362-27.646l-17.815-38.278h44.041l9.499 9.226C44.268-36.042 29.646 0 0 0"
transform="translate(397.98 394.729)"
fill="#02c7dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-11.361c3.035-8.569 2.959-18.362-1.362-27.646l-17.815-38.278h44.041l9.499 9.226C44.268-36.042 29.646 0 0 0Z"
transform="translate(397.98 394.729)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30.944l17.814 38.277c11.327 24.338-6.442 52.206-33.286 52.206-26.845 0-44.613-27.868-33.286-52.206z"
transform="translate(336.499 328.805)"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.492 1.994-9.505 3.129-14.892 3.129-26.844 0-44.613-27.868-33.286-52.206l17.814-38.277H-.577l-17.814 38.277C-27.444-29.623-17.9-7.93 0 0"
transform="translate(366.863 416.16)"
fill="#2ed1e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30.944l17.814 38.277c11.327 24.338-6.442 52.206-33.286 52.206-26.845 0-44.613-27.868-33.286-52.206z"
transform="translate(336.499 328.805)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-228.793h258.694a5 5 0 0 1 5 5V0Z"
transform="translate(220.124 266.76)"
fill="#fe5ca7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M220.124 37.966h45.182v228.793h-45.182z"
fill="#fe3d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-228.793h258.694a5 5 0 0 1 5 5V0Z"
transform="translate(220.124 266.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-47.148a5 5 0 0 0-5 5v101.813a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(454.775 126.402)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v101.812a5 5 0 0 0 5 5h-25.225a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(427.852 131.403)"
fill="#eef5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v32.215a5 5 0 0 1-5 5h-47.148a5 5 0 0 1-5-5V-69.598a5 5 0 0 1 5-5H-5a5 5 0 0 1 5 5V-35"
transform="translate(459.775 201)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v39.676"
transform="translate(431.2 225.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-295.058a5 5 0 0 1-5-5v-54.631a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5V-5a5 5 0 0 1-5 5"
transform="translate(499.5 330.098)"
fill="#fe3d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v34.098h-37.5a5 5 0 0 1-5-5v-54.631a5 5 0 0 1 5-5h295.058a5 5 0 0 1 5 5V0Z"
transform="translate(246.942 291)"
fill="#e41e7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-295.058a5 5 0 0 1-5-5v-54.631a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5V-5a5 5 0 0 1-5 5Z"
transform="translate(499.5 330.098)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M327.389 37.966h49.164v228.793h-49.164z"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M327.389 37.966h21.448v228.793h-21.448z"
fill="#02c7dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M327.389 37.966h49.164v228.793h-49.164z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M380.409 330.098h-56.875v-64.631h56.875z"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M323.533 265.467h56.875V291h-56.875z"
fill="#2ed1e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M380.409 330.098h-56.875v-64.631h56.875z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M139.783 37.966H100.14v436.068h39.643z"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M100.141 37.966H117v436.068h-16.859z"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v339.034h-39.643V-97.034H0V-35"
transform="translate(139.783 135)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.001 18.246C-62.439 27.124-85.28 12.144-85.28-10.14c0-22.283 22.841-37.263 43.279-28.385L0-20.279Z"
transform="translate(92.78 266.14)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.014 7.795 23.525 18.347 28.26l-.289.125C-2.38 37.264-25.22 22.284-25.22 0c0-22.283 22.84-37.264 43.278-28.385l.289.125C7.795-23.525 0-13.013 0 0"
transform="translate(32.72 256)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.001 18.246C-62.439 27.124-85.28 12.144-85.28-10.14c0-22.283 22.841-37.263 43.279-28.385L0-20.279Z"
transform="translate(92.78 266.14)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-42.001-18.245v-20.28L0-56.771c20.438-8.878 43.278 6.103 43.278 28.386S20.438 8.878 0 0"
transform="translate(189.145 284.385)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.001-18.245v-20.28L0-56.771c20.438-8.878 43.278 6.103 43.278 28.386S20.438 8.878 0 0Z"
transform="translate(189.145 284.385)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h44.318"
transform="translate(148.144 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-36.364c0-5.523-4.478-10-10-10h-36.364c-5.523 0-10 4.477-10 10V0c0 5.523 4.477 10 10 10H-10C-4.478 10 0 5.523 0 0"
transform="translate(148.144 274.182)"
fill="#9857bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v36.364c0 5.523 4.477 10 10 10h-25.22c-5.523 0-10-4.477-10-10V0c0-5.523 4.477-10 10-10H10C4.477-10 0-5.523 0 0"
transform="translate(117 237.818)"
fill="#814aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-36.364c0-5.523-4.478-10-10-10h-36.364c-5.523 0-10 4.477-10 10V0c0 5.523 4.477 10 10 10H-10C-4.478 10 0 5.523 0 0Z"
transform="translate(148.144 274.182)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h44.318"
transform="translate(47.462 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category