Add icons to this collection by clicking the heart icon.
Jack In The Box icon - also known as surprise, childhood, toy, joke, birthday and party, kid and baby, and jack in the box. Created in a clean lineal color style with a white, silver, black, 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 0v-50.348C0-63.411-10.593-74-23.659-74h-233.455c-13.067 0-23.659 10.589-23.659 23.652v157.977H0V91"
transform="translate(396.387 84)"
fill="#64bbdf"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(396.387 129.716)"
fill="#64bbdf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(396.387 129.716)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-12.317 0-22.303 9.982-22.303 22.295v.001c0 12.313 9.986 22.295 22.303 22.295h107.398c12.318 0 22.303-9.982 22.303-22.295v-.001C129.701 9.982 119.716 0 107.398 0"
transform="translate(202.3 280.813)"
fill="#feec76"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-107.398c-12.318 0-22.303 9.982-22.303 22.296 0 12.313 9.985 22.296 22.303 22.296H0c12.317 0 22.303-9.983 22.303-22.296C22.303 9.982 12.317 0 0 0"
transform="translate(309.7 191.629)"
fill="#feec76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-107.398c-12.318 0-22.303 9.982-22.303 22.296 0 12.313 9.985 22.296 22.303 22.296H0c12.317 0 22.303-9.983 22.303-22.296C22.303 9.982 12.317 0 0 0Z"
transform="translate(309.7 191.629)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h64.75c12.317 0 22.302-9.982 22.302-22.296S77.067-44.592 64.75-44.592H-42.649c-12.317 0-22.303 9.982-22.303 22.296S-54.966 0-42.649 0"
transform="translate(244.95 280.813)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.693-10.2-.837 30.433 18.572 24.129-29.212 8.608L0 78.083-17.216 52.97l-29.212-8.608 18.572-24.129-.838-30.433Z"
transform="translate(256 68.86)"
fill="#feec76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.693-10.2-.837 30.433 18.572 24.129-29.212 8.608L0 78.083-17.216 52.97l-29.212-8.608 18.572-24.129-.838-30.433Z"
transform="translate(256 68.86)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c1.262-.155 1.546-1.235 2.85-1.235 17.31 0 31.341 14.027 31.341 31.332 0 17.304-14.031 31.332-31.341 31.332-14.074 0-24.98-8.272-28.94-21.04"
transform="translate(341.475 440.57)"
fill="#ffc945"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.96 12.768-14.862 21.036-28.935 21.036-17.31 0-31.342-14.028-31.342-31.332 0-17.305 14.032-31.332 31.342-31.332 1.304 0 1.584 1.085 2.846 1.239"
transform="translate(196.61 480.964)"
fill="#ffc945"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-48.766-39.545-88.298-88.325-88.298S-176.65-48.766-176.65 0c0 48.766 39.545 88.298 88.325 88.298S0 48.766 0 0"
transform="translate(344.325 413.702)"
fill="#df8352"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c15.686 14.253 36.523 22.941 59.391 22.941 48.78 0 88.325-39.532 88.325-88.298 0-48.766-39.545-88.298-88.325-88.298-48.781 0-88.325 39.532-88.325 88.298 0 13.766 3.151 26.796 8.772 38.409"
transform="translate(196.61 479.06)"
fill="#df8352"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-14.52"
transform="translate(290.781 428.222)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-14.52"
transform="translate(221.218 428.222)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.562-8.559-22.442-8.559-31.004 0"
transform="translate(271.502 371.295)"
fill="none"
stroke="#000"
stroke-width="20"
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