Add icons to this collection by clicking the heart icon.
Gift Box icon - also known as present, gift, giftbox, christmas, box, package, birthday, commerce, surprise, christmas presents, gift box, commerce and shopping, and birthday and party. Created in a clean lineal color style with a white, gray, black, yellow, 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 0c0-43.718-82.887-79.159-126.606-79.159-43.718 0-79.158 35.441-79.158 79.159s35.44 79.159 79.158 79.159C-82.887 79.159 0 43.718 0 0"
transform="translate(256 425.341)"
fill="#ffcd00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-43.718-35.441-79.159-79.159-79.159S-205.764-43.718-205.764 0s82.887 79.159 126.605 79.159S0 43.718 0 0"
transform="translate(461.764 425.341)"
fill="#ffcd00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-107.749v98.188c0 29.754 24.12 53.875 53.874 53.875S0 127.942 0 98.188Z"
transform="translate(309.875 325.763)"
fill="#ffeb99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 1.028-.035 2.048-.092 3.063h-107.565A54.576 54.576 0 0 1-107.749 0v-98.188H0Z"
transform="translate(309.875 423.952)"
fill="#ffde55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-388.481c-9.125 0-16.523 7.397-16.523 16.523v285.218c0 9.125 7.398 16.522 16.523 16.522H0c9.125 0 16.523-7.397 16.523-16.522V16.523C16.523 7.397 9.125 0 0 0"
transform="translate(450.24 7.5)"
fill="#ff7956"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-388.481c-9.125 0-16.523-7.397-16.523-16.523v-65.968H16.523v65.968C16.523-7.397 9.125 0 0 0"
transform="translate(450.24 325.763)"
fill="#ff6243"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.189 0-27.136-5.287-37.004-13.986v-84.028C-27.136-106.713-14.189-112 0-112c30.928 0 56 25.072 56 56S30.928 0 0 0"
transform="translate(82.241 208)"
fill="#d7f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-30.928 0-56-25.072-56-56 0-10.41 2.85-20.15 7.798-28.5h96.404A55.723 55.723 0 0 1 56-56C56-25.072 30.928 0 0 0"
transform="translate(365.875 92)"
fill="#d7f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a55.748 55.748 0 0 1-26.482 6.651c-30.928 0-56-25.072-56-56s25.072-56 56-56c9.581 0 18.597 2.41 26.482 6.651z"
transform="translate(466.763 283.898)"
fill="#d7f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h81.802v40.626a55.754 55.754 0 0 1-26.482 6.651C27.36 47.277 4.19 26.784 0 0"
transform="translate(384.961 243.272)"
fill="#bdebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M335.093 7.5H176.906v318.263h158.187z"
fill="#ffeb99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M176.907 243.272h158.187v82.491H176.907Z"
fill="#ffde55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M176.907 7.5h50v318.263h-50z"
fill="#ffde55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v285.218c0 9.125 7.397 16.523 16.523 16.523h-50c-9.126 0-16.523-7.398-16.523-16.523V0c0-9.125 7.397-16.523 16.523-16.523h50C7.397-16.523 0-9.125 0 0"
transform="translate(95.237 24.023)"
fill="#ff6243"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v108.936a56.159 56.159 0 0 1-12.996 1.532c-14.189 0-27.136-5.288-37.004-13.986V12.454c9.868-8.699 22.815-13.986 37.004-13.986C-8.52-1.532-4.172-.992 0 0"
transform="translate(95.237 97.532)"
fill="#bdebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-447.517c-9.126 0-16.523 7.397-16.523 16.523v71.878c0 9.125 7.397 16.522 16.523 16.522H0c9.125 0 16.523-7.397 16.523-16.522V16.523C16.523 7.397 9.125 0 0 0"
transform="translate(479.759 273.272)"
fill="#ff9478"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v71.878c0 9.125 7.397 16.523 16.523 16.523h-50C-42.603 88.401-50 81.003-50 71.878V0c0-9.125 7.397-16.522 16.523-16.522h50C7.397-16.522 0-9.125 0 0"
transform="translate(65.719 289.794)"
fill="#ff7956"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-251.333v105.568c0 10.037 8.137 18.174 18.174 18.174h214.984C-8.137 123.742 0 115.605 0 105.568Z"
transform="translate(381.667 273.272)"
fill="#ffeb99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.499 0-17.199 7.7-17.199 17.199v9.926a2.973 2.973 0 0 0 2.973 2.973h28.452a2.973 2.973 0 0 0 2.973-2.973v-9.926C17.199 7.7 9.499 0 0 0"
transform="translate(256 311.411)"
fill="#444346"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-50c-8.182 0-14.816-6.633-14.816-14.815v-108.927h50v108.927C-14.816-6.633-8.182 0 0 0"
transform="translate(195.149 397.014)"
fill="#ffde55"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c14.502 16.359 35.674 26.67 59.255 26.67 27.311 0 69.907-13.831 98.033-34.87"
transform="translate(70.14 477.83)"
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 0c-9.78 13.17-15.566 29.483-15.566 47.147 0 9.475 1.664 18.561 4.717 26.981"
transform="translate(65.802 378.194)"
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 0c28.126 21.056 70.75 34.9 98.074 34.9 43.718 0 79.159-35.44 79.159-79.158 0-17.665-5.786-33.978-15.566-47.148"
transform="translate(284.532 469.6)"
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 0v26.938c0 29.754 24.121 53.875 53.875 53.875v0c29.754 0 53.874-24.121 53.874-53.875V0"
transform="translate(202.125 397.014)"
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-249.25c0-9.125-7.397-16.522-16.523-16.522h-388.481c-9.125 0-16.522 7.397-16.522 16.522V-.272"
transform="translate(466.763 273.272)"
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 0h98.092c9.125 0 16.523-7.397 16.523-16.523v-71.878c0-9.125-7.398-16.522-16.523-16.522h-447.517c-9.126 0-16.523 7.397-16.523 16.522v71.878c0 9.126 7.397 16.523 16.523 16.523h98.092"
transform="translate(381.667 378.195)"
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 0c9.868-8.698 22.815-13.986 37.004-13.986 30.928 0 56 25.072 56 56s-25.072 56-56 56C22.815 98.014 9.868 92.727 0 84.028"
transform="translate(45.237 109.986)"
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 0a55.723 55.723 0 0 1 7.798 28.5c0 30.928-25.072 56-56 56-11.371 0-21.95-3.389-30.783-9.212"
transform="translate(414.077 7.5)"
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 0c-9.63-10.058-15.547-23.7-15.547-38.724 0-30.928 25.072-56 56-56 9.58 0 18.596 2.41 26.482 6.65"
transform="translate(399.828 273.273)"
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-251.333v105.568c0 10.037 8.137 18.174 18.174 18.174h214.984C-8.137 123.742 0 115.605 0 105.568Z"
transform="translate(381.667 273.272)"
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-171.049"
transform="translate(335.093 178.549)"
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-66.722"
transform="translate(335.093 273.272)"
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-265.772"
transform="translate(176.907 273.272)"
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 0c3.064 5.33 8.815 8.918 15.404 8.918s12.34-3.589 15.404-8.919"
transform="translate(304.285 349.956)"
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 0c3.064 5.33 8.815 8.918 15.404 8.918s12.34-3.589 15.404-8.919"
transform="translate(176.907 349.956)"
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 0v0c-9.499 0-17.199 7.7-17.199 17.199v9.926a2.973 2.973 0 0 0 2.973 2.973h28.452a2.973 2.973 0 0 0 2.973-2.973v-9.926C17.199 7.7 9.499 0 0 0Z"
transform="translate(256 311.411)"
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.355"
transform="translate(325.367 319.223)"
fill="none"
stroke="#f46262"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.355"
transform="translate(197.988 319.223)"
fill="none"
stroke="#f46262"
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