Add icons to this collection by clicking the heart icon.
Surpise Box icon - also known as star, music, box, kid and baby, and surpise box. Created in a clean flat 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="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath4451">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path4449" />
</clipPath>
</defs>
<g id="g4443" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g4445">
<g id="g4447" clip-path="url(#clipPath4451)">
<g id="g4453" transform="translate(245,501)">
<path
d="m 0,0 c -46.183,0 -89.376,-12.786 -126.247,-35 v -420 c 36.871,-22.214 80.064,-35 126.247,-35 135.31,0 245,109.69 245,245 C 245,-109.69 135.31,0 0,0"
id="path4455"
fill="#fc5197"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4457" transform="translate(472,256)">
<path
d="m 0,0 c 0,-99.411 -80.589,-180 -180,-180 -99.411,0 -180,80.589 -180,180 0,99.411 80.589,180 180,180 C -80.589,180 0,99.411 0,0"
id="path4459"
fill="#dd377b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4461" transform="translate(412,235.4473)">
<path
d="M 0,0 H -30.467 L -20,50.553 v 132.5 H 20 V 20 C 20,8.954 11.046,0 0,0"
id="path4463"
fill="#293d7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4465" transform="translate(392,418.5)">
<path
d="m 0,0 v -90.479 c 0,11.045 8.954,20 20,20 11.046,0 20,-8.955 20,-20 V 0 Z"
id="path4467"
fill="#1a2b63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4469" transform="translate(487,398.5)">
<path
d="m 0,0 h -95 c -11.046,0 -20,8.954 -20,20 0,11.046 8.954,20 20,20 H 0 Z"
id="path4471"
fill="#ffcd38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4473" transform="translate(432,438.5)">
<path
d="M 0,0 C 11.046,0 20,-8.954 20,-20 20,-31.046 11.046,-40 0,-40 H 55 V 0 Z"
id="path4475"
fill="#ffac00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4477" transform="translate(472,391)">
<path
d="M 0,0 V 55 C 0,66.046 8.954,75 20,75 31.046,75 40,66.046 40,55 V 0 C 40,-11.046 31.046,-20 20,-20 8.954,-20 0,-11.046 0,0"
id="path4479"
fill="#293d7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4481" transform="translate(492,418.5)">
<path
d="m 0,0 c -11.046,0 -20,8.954 -20,20 v -47.5 c 0,-11.046 8.954,-20 20,-20 11.046,0 20,8.954 20,20 V 20 C 20,8.954 11.046,0 0,0"
id="path4483"
fill="#1a2b63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4485" transform="translate(372,206)">
<path
d="M 0,0 H -60 V 100 H 0 c 11.046,0 20,-8.954 20,-20 V 20 C 20,8.954 11.046,0 0,0"
id="path4487"
fill="#ffcd38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4489" transform="translate(372,246)">
<path
d="M 0,0 H -60 V -40 H 0 c 11.046,0 20,8.954 20,20 V 20 C 20,8.954 11.046,0 0,0"
id="path4491"
fill="#ffac00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4493" transform="translate(312,466)">
<path
d="m 0,0 h -193.247 c -18.444,-11.111 -35.299,-24.589 -50.159,-40.004 v -339.992 c 14.86,-15.415 31.715,-28.893 50.159,-40.004 L 0,-420 c 22.091,0 40,17.908 40,40 V -40 C 40,-17.908 22.091,0 0,0"
id="path4495"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4497" transform="translate(161.9683,446)">
<path
d="M 0,0 C 0,11.046 8.954,20 20,20 H -43.215 C -61.659,8.889 -78.515,-4.589 -93.374,-20.004 v -339.992 c 14.859,-15.415 31.715,-28.893 50.159,-40.004 L 20,-400 c -11.046,0 -20,8.954 -20,20 0,11.046 8.954,20 20,20 V -20 C 8.954,-20 0,-11.046 0,0"
id="path4499"
fill="#c7e7f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4501" transform="translate(312,296)">
<path
d="m 0,0 v 90 c -22.091,0 -40,17.908 -40,40 h -90 c 0,-22.092 -17.909,-40 -40,-40 -22.091,0 -40,17.908 -40,40 h -33.406 c -13.162,-13.655 -24.751,-28.837 -34.482,-45.249 l 0.003,-0.001 4.072,-19.766 -18.802,-9.368 C -305.085,26.236 -312,-6.071 -312,-40 c 0,-33.929 6.915,-66.236 19.385,-95.616 l 18.802,-9.368 -4.072,-19.766 h -0.004 c 9.731,-16.412 21.32,-31.594 34.483,-45.25 H -210 c 0,22.092 17.909,40 40,40 22.091,0 40,-17.908 40,-40 h 90 c 0,22.092 17.909,40 40,40 v 90 c -22.091,0 -40,17.908 -40,40 0,22.092 17.909,40 40,40"
id="path4503"
fill="#293d7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4505" transform="translate(142,386)">
<path
d="M 0,0 C -22.091,0 -40,17.908 -40,40 H -73.406 C -86.568,26.345 -98.157,11.163 -107.888,-5.249 l 0.003,-0.001 4.072,-19.766 -18.802,-9.368 C -135.085,-63.764 -142,-96.071 -142,-130 c 0,-33.929 6.915,-66.236 19.385,-95.616 l 18.802,-9.368 -4.072,-19.766 h -0.004 c 9.731,-16.412 21.32,-31.594 34.483,-45.25 H -40 c 0,22.092 17.909,40 40,40 21.668,0 39.3,-17.232 39.968,-38.738 V 38.738 C 39.3,17.232 21.668,0 0,0"
id="path4507"
fill="#1a2b63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4509" transform="translate(179.6206,163.9775)">
<path
d="m 0,0 c -5.537,0 -10.879,1.333 -15.878,3.962 l -19.828,10.423 c -0.588,0.309 -1.251,0.472 -1.915,0.472 -0.664,0 -1.326,-0.163 -1.914,-0.471 L -59.363,3.961 C -64.362,1.333 -69.705,0 -75.241,0 c -10.065,0 -19.597,4.459 -26.152,12.233 -6.451,7.653 -9.173,17.746 -7.467,27.691 l 3.786,22.078 c 0.229,1.335 -0.213,2.696 -1.183,3.642 l -16.041,15.635 c -9.367,9.13 -12.674,22.53 -8.632,34.97 4.042,12.44 14.594,21.337 27.538,23.218 l 22.169,3.22 c 1.339,0.196 2.498,1.038 3.098,2.252 l 9.913,20.087 c 5.789,11.73 17.511,19.017 30.591,19.017 13.081,0 24.803,-7.287 30.592,-19.017 l 9.914,-20.088 c 0.599,-1.213 1.758,-2.055 3.098,-2.251 l 22.167,-3.22 c 12.945,-1.881 23.497,-10.778 27.539,-23.218 4.042,-12.44 0.734,-25.84 -8.632,-34.97 L 31.016,65.644 c -0.97,-0.946 -1.412,-2.307 -1.183,-3.642 L 33.619,39.923 C 35.325,29.979 32.603,19.887 26.151,12.234 19.597,4.459 10.065,0 0,0"
id="path4511"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4513" transform="translate(159.1401,322.3652)">
<path
d="m 0,0 9.914,-20.088 c 2.784,-5.641 8.166,-9.551 14.391,-10.456 l 22.169,-3.221 C 62.151,-36.043 68.411,-55.31 57.067,-66.367 L 41.026,-82.003 c -4.505,-4.392 -6.561,-10.719 -5.497,-16.919 L 39.315,-121 c 2.679,-15.614 -13.711,-27.521 -27.732,-20.149 l -19.829,10.423 c -5.568,2.928 -12.22,2.928 -17.789,0 l -19.828,-10.423 c -14.022,-7.372 -30.411,4.535 -27.733,20.149 l 3.787,22.078 c 1.063,6.2 -0.992,12.527 -5.497,16.919 l -16.041,15.636 c -11.344,11.057 -5.085,30.324 10.593,32.602 l 22.169,3.221 c 6.225,0.905 11.606,4.815 14.391,10.456 L -34.28,0 C -27.269,14.207 -7.011,14.207 0,0"
id="path4515"
fill="#ffcd38"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4517" transform="translate(197.6699,205.9443)">
<path
d="m 0,0 c -32.284,10.298 -55.67,40.523 -55.67,76.221 0,16.675 5.107,32.154 13.834,44.969 -8.696,9.199 -24.864,7.612 -30.974,-4.769 l -9.914,-20.088 c -2.784,-5.641 -8.166,-9.551 -14.391,-10.456 l -22.169,-3.221 c -15.677,-2.278 -21.937,-21.545 -10.593,-32.602 l 16.041,-15.636 c 4.505,-4.392 6.561,-10.719 5.498,-16.919 l -3.787,-22.078 c -2.679,-15.614 13.71,-27.522 27.732,-20.15 l 19.829,10.424 c 5.568,2.928 12.22,2.928 17.789,0 l 19.828,-10.424 c 14.022,-7.372 30.411,4.536 27.733,20.15 z"
id="path4519"
fill="#ffac00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4521" transform="translate(266.9839,360.9844)">
<path
d="m 0,0 c 0,-11.046 -8.954,-20 -20,-20 -11.045,0 -20,8.954 -20,20 0,11.045 8.955,20 20,20 C -8.954,20 0,11.045 0,0"
id="path4523"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4525" transform="translate(266.9839,151.0156)">
<path
d="m 0,0 c 0,11.046 -8.954,20 -20,20 -11.045,0 -20,-8.954 -20,-20 0,-11.045 8.955,-20 20,-20 11.046,0 20,8.955 20,20"
id="path4527"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4529" transform="translate(37.0161,340.9844)">
<path
d="M 0,0 C 11.045,0 20,8.954 20,20 20,31.045 11.045,40 0,40 -0.988,40 -1.952,39.904 -2.901,39.766 -8.437,30.429 -13.382,20.7 -17.659,10.618 -14.297,4.303 -7.654,0 0,0"
id="path4531"
fill="#c7e7f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g4533" transform="translate(37.0161,171.0156)">
<path
d="M 0,0 C -7.654,0 -14.297,-4.303 -17.659,-10.618 -13.382,-20.7 -8.437,-30.429 -2.901,-39.766 -1.952,-39.904 -0.988,-40 0,-40 c 11.045,0 20,8.955 20,20 C 20,-8.954 11.045,0 0,0"
id="path4535"
fill="#c7e7f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category