Add icons to this collection by clicking the heart icon.
Surprise Box icon - also known as star, box, package, delivery, shipping and delivery, birthday and party, and surprise box. Created in a clean lineal color style with a silver, gray, black, 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>
<path
d="m0 0 105.058 105.058 18.182-18.184L36.366 0Z"
transform="matrix(1.33333 0 0 -1.33333 508.346 362.884)"
fill="#acdf91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.163-16.163h36.366L36.366 0Z"
transform="matrix(1.33333 0 0 -1.33333 529.897 341.333)"
fill="#7fd061"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-105.058 105.058-18.182-18.184L-36.366 0Z"
transform="matrix(1.33333 0 0 -1.33333 174.32 362.884)"
fill="#acdf91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16.163-16.163h-36.366L-36.366 0Z"
transform="matrix(1.33333 0 0 -1.33333 152.77 341.333)"
fill="#7fd061"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M417.626 7.5H94.374v232.337h323.252z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#acdf91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M401.464 7.5h16.162v232.337h-16.162z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#7fd061"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M276.203 7.5h-40.406v232.337h40.406z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-11.157-9.045-20.203-20.203-20.203S-40.406-11.157-40.406 0c0 11.158 9.045 20.203 20.203 20.203S0 11.158 0 0"
transform="translate(256 403.483)"
fill="#fb636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0"
transform="translate(342.874 489.348)"
fill="#acdf91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.369 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.369 0 0"
transform="translate(178.218 301.457)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.369-6.784-15.152-15.152-15.152-8.369 0-15.153 6.783-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0"
transform="translate(302.468 351.966)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.598 8.58-12.538 16.683-20.736 23.998 10.298 11.609 23.635 21.93 39.596 29.723 6.956-9.534 12.517-19.545 16.654-29.723C21.142 18.113 9.149 9.701 0 0"
transform="translate(388.809 388.15)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.234-12.122-23.234 24.244 23.234 11.111z"
transform="translate(195.39 481.267)"
fill="#62d8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.124 7.396 20.762 13.284 31.574 17.64 6.183-15.281 15.102-28.004 25.401-37.661-9.095-5.931-17.674-13.309-25.401-22.04C19.218-31.169 8.24-16.997 0 0"
transform="translate(70.13 400.996)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 105.058 105.058 18.182-18.184L36.366 0"
transform="translate(381.26 239.837)"
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-105.058 105.058-18.182-18.184L-36.366 0"
transform="translate(130.74 239.837)"
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 0v232.337"
transform="translate(235.797 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 0v-232.337"
transform="translate(276.203 239.837)"
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-116.169h323.252V0"
transform="translate(94.374 123.669)"
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 0v81.064h-323.252V.014"
transform="translate(417.626 158.773)"
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 0c0-11.157-9.045-20.203-20.203-20.203S-40.406-11.157-40.406 0c0 11.158 9.045 20.203 20.203 20.203S0 11.158 0 0Z"
transform="translate(256 403.483)"
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 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0Z"
transform="translate(342.874 489.348)"
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 0c0-8.368-6.784-15.152-15.152-15.152-8.369 0-15.153 6.784-15.153 15.152 0 8.369 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.369 0 0Z"
transform="translate(178.218 301.457)"
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 0c0-8.369-6.784-15.152-15.152-15.152-8.369 0-15.153 6.783-15.153 15.152 0 8.368 6.784 15.152 15.153 15.152C-6.784 15.152 0 8.368 0 0Z"
transform="translate(302.468 351.966)"
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-5.598 8.58-12.538 16.683-20.736 23.998 10.298 11.609 23.635 21.93 39.596 29.723 6.956-9.534 12.517-19.545 16.654-29.723C21.142 18.113 9.149 9.701 0 0Z"
transform="translate(388.809 388.15)"
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-23.234-12.122-23.234 24.244 23.234 11.111z"
transform="translate(195.39 481.267)"
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 0c10.124 7.396 20.762 13.284 31.574 17.64 6.183-15.281 15.102-28.004 25.401-37.661-9.095-5.931-17.674-13.309-25.401-22.04C19.218-31.169 8.24-16.997 0 0Z"
transform="translate(70.13 400.996)"
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 0c0-10.102-12.122-10.102-12.122-20.202C-12.122-30.304 0-30.304 0-40.404c0-10.101-12.122-10.101-12.122-20.202S0-70.707 0-80.809c0-10.103-12.122-10.103-12.122-20.206"
transform="translate(341.864 396.413)"
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 0c0-10.102-12.121-10.102-12.121-20.202C-12.121-30.303 0-30.303 0-40.404s-12.121-10.101-12.121-20.201C-12.121-70.707 0-70.707 0-80.809"
transform="translate(175.186 441.87)"
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 0c0-10.101-12.122-10.101-12.122-20.201C-12.122-30.303 0-30.303 0-40.403c0-10.102-12.122-10.102-12.122-20.202"
transform="translate(280.244 504.495)"
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 0c0-10.101-12.122-10.101-12.122-20.201C-12.122-30.303 0-30.303 0-40.403c0-10.102-12.122-10.102-12.122-20.202"
transform="translate(235.797 331.758)"
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