Add icons to this collection by clicking the heart icon.
Gift Box icon - also known as ribbon, present, package, gift box, and birthday and party. Created in a clean lineal color style with a gray, black, red, 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-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c38.321-43.724 61.559-100.999 61.559-163.708 0-137.242-111.258-248.5-248.5-248.5-62.709 0-119.985 23.237-163.708 61.559 45.546-51.97 112.407-84.792 186.941-84.792 137.243 0 248.5 111.256 248.5 248.5C84.792-112.407 51.97-45.547 0 0"
transform="translate(419.708 442.941)"
fill="#fa4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.799-.272-13.536-.818-20.203h-227.479v-227.479a247.473 247.473 0 0 0-20.203-.818c-6.799 0-13.536.272-20.203.818v227.479h-227.479A247.473 247.473 0 0 0-497 0c0 6.799.272 13.536.818 20.203h227.479v227.479c6.667.546 13.404.818 20.203.818 6.799 0 13.536-.272 20.203-.818V20.203H-.818C-.272 13.536 0 6.799 0 0"
transform="translate(504.5 256)"
fill="#fa9801"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.048 1.492-.11 2.981-.185 4.467-.034.677-.063 1.353-.102 2.029a260.882 260.882 0 0 1-.342 4.957c-.017.223-.029.446-.048.668h-22.454c-.164-13.766-1.434-27.266-3.751-40.406H-.679l.013.144c.08.988.144 1.979.212 2.97.07 1.035.14 2.07.197 3.109a247.212 247.212 0 0 1 .267 6.243c.019.632.043 1.265.057 1.9.045 1.94.075 3.885.075 5.837 0 2.081-.035 4.155-.086 6.225C.041-1.237.02-.619 0 0"
transform="translate(504.358 264.082)"
fill="#fb7601"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.291.039 2.579.088 3.864.146a227.402 227.402 0 0 1 5.48.318c.992.068 1.985.132 2.974.212l.144.012v26.204c-13.141-2.317-26.641-3.587-40.406-3.751V.687c.222-.019.447-.031.671-.048 1.646-.128 3.295-.245 4.951-.341.677-.04 1.356-.069 2.034-.104A253.21 253.21 0 0 1-15.825.01c.62-.02 1.241-.041 1.862-.056 2.068-.052 4.141-.086 6.222-.086 1.95 0 3.894.029 5.834.074C-1.271-.043-.636-.02 0 0"
transform="translate(263.741 7.632)"
fill="#fb7601"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.203-6.898L-40.406.001v-36.329h-103.371c-1.119-6.379-1.686-13.136-1.686-20.203 0-7.068.567-13.824 1.686-20.203h103.371v-36.329l20.203 6.899L0-113.063v36.329h103.371c1.119 6.379 1.686 13.135 1.686 20.203 0 7.067-.567 13.824-1.686 20.203H0Z"
transform="translate(276.203 312.531)"
fill="#fb7601"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 20.2 9.61L82.83 39.4s28.29-10.1 28.29-56.57-28.29-56.57-28.29-56.57L20.2-44.71 0-35.35Z"
transform="translate(256 273.17)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-82.833-38.387s-28.285 10.102-28.285 56.57c0 46.467 28.285 56.569 28.285 56.569L0 35.355Z"
transform="translate(256 237.817)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.115 2.14c-2.16.756-4.514.756-6.674 0L-18.904 0c-5.255-1.839-10.751 2.061-10.751 7.627v63.548c0 5.717 5.774 9.626 11.082 7.503l5.369-2.148a10.097 10.097 0 0 1 7.504 0l5.369 2.148c5.308 2.123 11.082-1.786 11.082-7.503V7.627C10.751 2.061 5.255-1.839 0 0"
transform="translate(265.452 216.326)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h25.788c9.291-.001 16.823 7.531 16.823 16.822s-7.532 16.824-16.823 16.824h-2.243v2.243c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823V10.102C-10.101 4.522-5.578 0 0 0"
transform="translate(334.608 392.188)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .001 25.788c0 9.291-7.532 16.822-16.823 16.822s-16.824-7.531-16.824-16.823v-2.243h-2.243c-9.291 0-16.823-7.531-16.823-16.822v-.001c0-9.291 7.532-16.823 16.823-16.823h25.787C-4.522-10.102 0-5.579 0 0"
transform="translate(438.013 327.722)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 18.234 18.234c6.57 6.571 6.57 17.222 0 23.792s-17.221 6.57-23.792 0l-1.586-1.587-1.585 1.587c-6.571 6.57-17.222 6.57-23.792 0s-6.57-17.221 0-23.792L-14.286 0C-10.341-3.944-3.945-3.944 0 0"
transform="translate(420.728 152.477)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.787C0 35.078-7.532 42.61-16.823 42.61s-16.823-7.532-16.823-16.823v-2.243h-2.244c-9.291 0-16.823-7.532-16.823-16.823s7.532-16.824 16.823-16.824l25.788.001C-4.523-10.102-.001-5.579 0 0"
transform="translate(368.53 93.364)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 18.235-18.234c6.57-6.571 17.221-6.571 23.791 0 6.57 6.569 6.57 17.221 0 23.791L40.44 7.143l1.586 1.586c6.57 6.57 6.57 17.222 0 23.792s-17.221 6.57-23.791 0L0 14.286C-3.944 10.341-3.944 3.945 0 0"
transform="translate(140.356 97.55)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h25.787C35.078 0 42.61 7.532 42.61 16.823s-7.532 16.823-16.823 16.823h-2.243v2.244c0 9.291-7.532 16.822-16.823 16.822-9.291.001-16.823-7.531-16.823-16.822V10.102C-10.102 4.522-5.579 0 0 0"
transform="translate(81.242 149.749)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .001 25.787c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823v-2.243h-2.243c-9.291 0-16.823-7.532-16.823-16.823s7.532-16.824 16.823-16.824l25.787.001C-4.522-10.102 0-5.579 0 0"
transform="translate(199.614 409.361)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h25.788c9.291 0 16.823 7.532 16.823 16.823s-7.532 16.823-16.823 16.823h-2.243v2.244c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823V10.102C-10.101 4.523-5.578 0 0 0"
transform="translate(90.333 313.58)"
fill="#ffc3c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0Z"
transform="translate(504.5 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 0h138.635"
transform="translate(365.047 276.203)"
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-70.166"
transform="translate(276.203 352.946)"
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-115.659"
transform="translate(276.203 503.682)"
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 0h138.633"
transform="translate(365.049 235.797)"
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 0v215.635"
transform="translate(276.203 8.318)"
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-119.253"
transform="translate(235.797 127.571)"
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-61.239"
transform="translate(235.797 223.953)"
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 0h138.196"
transform="translate(8.318 235.797)"
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 0v220.901"
transform="translate(235.797 282.78)"
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 0h138.196"
transform="translate(8.318 276.203)"
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 62.63 29.79s28.29-10.101 28.29-56.57c0-46.47-28.29-56.571-28.29-56.571L0-54.32"
transform="translate(276.2 282.78)"
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-62.63-29.03s-28.29 10.1-28.29 56.57 28.29 56.57 28.29 56.57L0 54.32"
transform="translate(235.8 228.46)"
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-6.115 2.14c-2.16.756-4.514.756-6.674 0L-18.904 0c-5.255-1.839-10.751 2.061-10.751 7.627v63.548c0 5.717 5.774 9.626 11.082 7.503l5.369-2.148a10.097 10.097 0 0 1 7.504 0l5.369 2.148c5.308 2.123 11.082-1.786 11.082-7.503V7.627C10.751 2.061 5.255-1.839 0 0Z"
transform="translate(265.452 216.326)"
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 32.325 14.143M0 0l32.325-14.143"
transform="translate(276.203 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 0-32.325 14.143M0 0l-32.325-14.143"
transform="translate(235.797 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 0h25.788c9.291-.001 16.823 7.531 16.823 16.822s-7.532 16.824-16.823 16.824h-2.243v2.243c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823V10.102C-10.101 4.522-5.578 0 0 0Z"
transform="translate(334.608 392.188)"
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 .001 25.788c0 9.291-7.532 16.822-16.823 16.822s-16.824-7.531-16.824-16.823v-2.243h-2.243c-9.291 0-16.823-7.531-16.823-16.822v-.001c0-9.291 7.532-16.823 16.823-16.823h25.787C-4.522-10.102 0-5.579 0 0Z"
transform="translate(438.013 327.722)"
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 18.234 18.234c6.57 6.571 6.57 17.222 0 23.792s-17.221 6.57-23.792 0l-1.586-1.587-1.585 1.587c-6.571 6.57-17.222 6.57-23.792 0v0c-6.57-6.57-6.57-17.221 0-23.792L-14.286 0C-10.341-3.944-3.945-3.944 0 0Z"
transform="translate(420.728 152.477)"
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 0v25.787C0 35.078-7.532 42.61-16.823 42.61s-16.823-7.532-16.823-16.823v-2.243h-2.244c-9.291 0-16.823-7.532-16.823-16.823s7.532-16.824 16.823-16.824l25.788.001C-4.523-10.102-.001-5.579 0 0Z"
transform="translate(368.53 93.364)"
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 18.235-18.234c6.57-6.571 17.221-6.571 23.791 0 6.57 6.569 6.57 17.221 0 23.791L40.44 7.143l1.586 1.586c6.57 6.57 6.57 17.222 0 23.792s-17.221 6.57-23.791 0L0 14.286C-3.944 10.341-3.944 3.945 0 0Z"
transform="translate(140.356 97.55)"
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 0h25.787C35.078 0 42.61 7.532 42.61 16.823s-7.532 16.823-16.823 16.823h-2.243v2.244c0 9.291-7.532 16.822-16.823 16.822-9.291.001-16.823-7.531-16.823-16.822V10.102C-10.102 4.522-5.579 0 0 0Z"
transform="translate(81.242 149.749)"
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 .001 25.787c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823v-2.243h-2.243c-9.291 0-16.823-7.532-16.823-16.823s7.532-16.824 16.823-16.824l25.787.001C-4.522-10.102 0-5.579 0 0Z"
transform="translate(199.614 409.361)"
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 0h25.788c9.291 0 16.823 7.532 16.823 16.823s-7.532 16.823-16.823 16.823h-2.243v2.244c0 9.291-7.532 16.823-16.823 16.823s-16.824-7.532-16.824-16.823V10.102C-10.101 4.523-5.578 0 0 0Z"
transform="translate(90.333 313.58)"
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