Add icons to this collection by clicking the heart icon.
Jack In The Box icon - also known as surprise, childhood, toy, joke, gaming, hobbies and free time, birthday and party, kid and baby, and jack in the box. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="1"
x2="64.953"
y1="48"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef7ec0" />
<stop offset=".293" stop-color="#eb66ad" />
<stop offset=".909" stop-color="#e2297c" />
<stop offset="1" stop-color="#e11f74" />
</linearGradient>
<linearGradient id="b" x2="64.953" y1="13" y2="13" href="#a" />
<linearGradient id="c" x2="64.953" y1="17.875" y2="17.875" href="#a" />
<linearGradient id="d" x2="64.953" y1="29" y2="29" href="#a" />
<linearGradient id="e" x2="64.953" y1="32" y2="32" href="#a" />
<linearGradient id="f" x2="64.953" y1="15" y2="15" href="#a" />
<linearGradient id="g" x2="64.953" y1="19" y2="19" href="#a" />
<linearGradient id="h" x2="64.953" y1="17" y2="17" href="#a" />
<linearGradient id="i" x2="64.953" y1="14" y2="14" href="#a" />
<linearGradient id="j" x2="64.953" y1="18" y2="18" href="#a" />
<linearGradient id="k" x2="64.953" y1="16" y2="16" href="#a" />
<linearGradient id="l" x2="64.953" y1="51" y2="51" href="#a" />
<g>
<path
fill="url(#a)"
d="M9 38v20h30V38zm2 2h7.536A19.15 19.15 0 0 1 11 48.309zm0 16v-3.3l2.826 3.3zm26 0h-2.826L37 52.7zm0-16v8.309A19.28 19.28 0 0 1 29.469 40zm-.562 10.286L31.54 56H16.46l-4.9-5.714A20.809 20.809 0 0 0 20.709 40h6.582a20.809 20.809 0 0 0 9.147 10.286z"
/>
<path fill="url(#b)" d="M21 12h2v2h-2zM25 12h2v2h-2z" />
<path
fill="url(#c)"
d="M24 20a5.148 5.148 0 0 0 4.969-3.75l-1.938-.5a3.167 3.167 0 0 1-6.062 0l-1.938.5A5.148 5.148 0 0 0 24 20z"
/>
<path
fill="url(#d)"
d="M24 32a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#a)"
d="M18.039 46.724a1 1 0 0 0 .272 1l2.128 2.028-.429 3.111a1 1 0 0 0 1.545.969L24 52.2l2.445 1.63a1 1 0 0 0 1.545-.969l-.429-3.111 2.128-2.028a1 1 0 0 0-.488-1.7l-2.964-.608-1.332-2.838a1 1 0 0 0-1.81 0l-1.332 2.838-2.964.608a1 1 0 0 0-.76.702zm4.617.547a1 1 0 0 0 .7-.554L24 45.354l.64 1.363a1 1 0 0 0 .7.554l1.581.325-1.114 1.062a1 1 0 0 0-.3.861l.195 1.416-1.15-.767a1 1 0 0 0-1.11 0l-1.15.767.195-1.416a1 1 0 0 0-.3-.861L21.075 47.6z"
/>
<path
fill="url(#e)"
d="M15.419 2.186 8.994 6.775A2.989 2.989 0 1 0 10 9c0-.045-.011-.087-.013-.131L15 8.153V15a8.983 8.983 0 0 0 3.356 7H9a3 3 0 0 0 0 6h1.838L16 29.721V34H5v28h38v-5h4v-5h3a1 1 0 0 0 1-1v-7h2v1a1 1 0 0 0 .836.986l6 1A.908.908 0 0 0 60 47a1 1 0 0 0 1-1v-6a1 1 0 0 0-1.164-.986l-6 1A1 1 0 0 0 53 41v1h-3a1 1 0 0 0-1 1v7h-2v-5h-4V34H32v-4.279L37.162 28H39a3 3 0 0 0 0-6h-9.356A8.983 8.983 0 0 0 33 15V8.153l5.013.716c0 .044-.013.086-.013.131a3.03 3.03 0 1 0 1.006-2.225l-6.425-4.589a1 1 0 0 0-1.028-.081L24 5.882l-7.553-3.777a1 1 0 0 0-1.028.081zM7 10a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm3 16H9a1 1 0 0 1 0-2h1zm45 15.847 4-.666v3.638l-4-.666zM43 47h2v8h-2zm-5-23h1a1 1 0 0 1 0 2h-1zm3-16a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm0 28v24H7V36zm-5-12v2.279l-6 2V34H18v-5.721l-6-2V24zM31.909 4.164l3.173 2.266-2.94-.42A1 1 0 0 0 31 7v5.586l-5.312-5.312zm-.929 11.23a6.991 6.991 0 0 1-13.96 0L24 8.414zm-8.668-8.12L17 12.586V7a1 1 0 0 0-1-1 .969.969 0 0 0-.142.01l-2.94.42 3.173-2.266z"
/>
<path fill="url(#f)" d="M37 14h2v2h-2z" />
<path fill="url(#g)" d="M37 18h2v2h-2z" />
<path fill="url(#h)" d="M35 16h2v2h-2zM39 16h2v2h-2z" />
<path fill="url(#i)" d="M9 13h2v2H9z" />
<path fill="url(#j)" d="M9 17h2v2H9z" />
<path fill="url(#k)" d="M7 15h2v2H7zM11 15h2v2h-2z" />
<g fill="url(#l)"><path d="M15 50h2v2h-2zM31 50h2v2h-2z" /></g>
</g>
</svg>
More icons in the same style and category