Add icons to this collection by clicking the heart icon.
Candy Machine icon - also known as entertainment, sugar, sweet, isometric, gum, candy machine, food and restaurant, and gumball machine. 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 512 512"
>
<linearGradient
id="j"
x1="224.819"
x2="302.138"
y1="406.215"
y2="406.215"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ab2c37" />
<stop offset=".148" stop-color="#c74651" />
<stop offset=".4" stop-color="#ff7a85" />
<stop offset="1" stop-color="#ff4757" />
</linearGradient>
<linearGradient
id="k"
x1="238.927"
x2="94.618"
y1="301.721"
y2="301.721"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5d3645" />
<stop offset="1" stop-color="#5d3645" stop-opacity="0" />
</linearGradient>
<linearGradient
id="l"
x1="209.37"
x2="356.753"
y1="295.246"
y2="295.246"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#43386b" />
<stop offset=".315" stop-color="#554687" />
<stop offset=".83" stop-color="#7662bd" />
<stop offset="1" stop-color="#594a8e" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#221c36" />
<stop offset="1" stop-color="#221c36" stop-opacity="0" />
</linearGradient>
<linearGradient
id="m"
x1="98.4"
x2="217.547"
y1="299.703"
y2="299.703"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#43386b" />
<stop offset=".819" stop-color="#554687" />
<stop offset="1" stop-color="#594a8e" />
</linearGradient>
<linearGradient
id="n"
x1="162.838"
x2="364.271"
y1="251.769"
y2="251.769"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="301.528"
x2="142.104"
y1="269.924"
y2="269.924"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="302.879"
cy="99.696"
r="142.791"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2effa" />
<stop offset="1" stop-color="#dfdaef" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="q"
x1="416.085"
x2="229.321"
y1="-8.575"
y2="178.189"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#dfdaef" />
<stop offset="1" stop-color="#f2effa" />
</linearGradient>
<linearGradient
id="r"
x1="263.554"
x2="263.554"
y1="101.053"
y2="268.64"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#59acf9" />
<stop offset=".306" stop-color="#4ba5f8" />
<stop offset="1" stop-color="#2f97f7" />
</linearGradient>
<radialGradient
id="s"
cx="302.624"
cy="192.689"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="t"
cx="236.826"
cy="196.749"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#f7e041" />
<stop offset="1" stop-color="#ffc538" />
</linearGradient>
<radialGradient
id="u"
cx="218.7"
cy="149.103"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#ff4757" />
<stop offset=".629" stop-color="#c73542" />
<stop offset="1" stop-color="#ab2c37" />
</linearGradient>
<radialGradient
id="v"
cx="250.91"
cy="170.179"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="w"
cx="203.204"
cy="223.234"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="x"
cx="291.623"
cy="151.349"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="y"
cx="295.587"
cy="230.92"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#9bf0df" />
<stop offset=".304" stop-color="#6ae9cf" />
<stop offset=".779" stop-color="#22deb7" />
<stop offset="1" stop-color="#06daae" />
</linearGradient>
<radialGradient
id="z"
cx="259.736"
cy="125.799"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="A"
cx="273.334"
cy="193.944"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="B"
cx="200.031"
cy="176.22"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<radialGradient
id="C"
cx="338.691"
cy="178.393"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="D"
cx="245.753"
cy="239.916"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="E"
cx="333.812"
cy="205.51"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<radialGradient
id="F"
cx="318.315"
cy="134.11"
r="46.587"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="G"
x1="336.822"
x2="336.822"
y1="418.99"
y2="459.885"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="334.956"
x2="334.956"
y1="426.821"
y2="368.881"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="i">
<stop offset="0" stop-color="#ffa538" />
<stop offset=".37" stop-color="#fbc13c" />
<stop offset=".756" stop-color="#f8d840" />
<stop offset="1" stop-color="#f7e041" />
</linearGradient>
<linearGradient
id="I"
x1="-2320.862"
x2="-2327.823"
y1="392.897"
y2="380.838"
gradientTransform="matrix(-1 0 0 1 -1985.59 0)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="J"
x1="340.692"
x2="339.052"
y1="399.172"
y2="396.33"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5baeb" />
<stop offset=".234" stop-color="#d0c9eb" />
<stop offset=".451" stop-color="#d7d1eb" />
<stop offset="1" stop-color="#c5baeb" />
</linearGradient>
<linearGradient
id="K"
x1="327.068"
x2="327.068"
y1="410.709"
y2="386.185"
gradientTransform="matrix(-1 0 0 1 667.355 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7662bd" />
<stop offset=".31" stop-color="#8a77cf" />
<stop offset=".732" stop-color="#a18ee4" />
<stop offset="1" stop-color="#a996eb" />
</linearGradient>
<linearGradient
id="L"
x1="-2326.149"
x2="-2326.149"
y1="405.352"
y2="386.356"
gradientTransform="matrix(-1 0 0 1 -1985.59 0)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="M"
x1="336.54"
x2="336.54"
y1="362.258"
y2="384.443"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="N"
x1="-3423.915"
x2="-3610.679"
y1="-2395.714"
y2="-2208.95"
gradientTransform="rotate(180 -1664 -1042.06)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#j)"
d="M131.605 436.611V305.636l268.551-5.206v131.059c-.013 2.011-1.013 4.016-3.003 5.165l-126.125 72.754a19.35 19.35 0 0 1-19.349 0L134.61 441.819c-2.004-1.158-3.006-3.183-3.005-5.208z"
/>
<path
fill="#ff7a85"
d="M251.678 378.431 134.61 310.842c-4.008-2.314-4.008-8.098 0-10.412l126.125-72.754a19.35 19.35 0 0 1 19.349 0l117.068 67.589c4.008 2.314 4.008 8.098 0 10.412l-126.125 72.754a19.346 19.346 0 0 1-19.349 0z"
/>
<path
fill="url(#k)"
d="m134.611 310.842 50.772 29.313H203.8l-3.245-76.869h-1.554l-64.391 37.143c-4.007 2.314-4.007 8.099.001 10.413z"
/>
<path
fill="url(#l)"
d="m364.268 243.439-201.429 16.767v36.971l.027-.002c-.024 13.373 8.033 26.146 24.554 35.685 36.414 21.024 100.019 18.387 142.067-5.889 23.004-13.281 34.761-30.286 34.754-46.41l.026-.002v-37.12z"
/>
<path
fill="url(#m)"
d="m162.839 297.178.027-.002c-.024 13.374 8.033 26.146 24.554 35.685 4.987 2.879 10.498 5.299 16.38 7.295V303.02l-29.475-43.77-11.486.956z"
/>
<path
fill="url(#n)"
d="M329.487 289.836c42.047-24.276 46.614-60.999 10.2-82.022-36.414-21.024-100.019-18.387-142.067 5.889-42.047 24.276-46.614 60.998-10.2 82.022 36.415 21.023 100.02 18.387 142.067-5.889z"
/>
<path
fill="url(#o)"
d="M170.905 236.828c-14.596 20.799-9.526 43.862 16.516 58.897 4.987 2.879 10.498 5.298 16.379 7.295H256z"
/>
<circle
cx="256"
cy="151.51"
r="151.51"
fill="#e9e5f6"
transform="rotate(-45 255.992 151.568)"
/>
<circle cx="256" cy="151.51" r="142.79" fill="url(#p)" />
<path
fill="url(#q)"
d="M256 8.719c-43.317 0-82.126 19.292-108.313 49.749 24.991-21.487 57.498-34.478 93.041-34.478 78.861 0 142.791 63.93 142.791 142.791 0 35.544-12.991 68.05-34.478 93.041 30.457-26.187 49.749-64.995 49.749-108.312C398.791 72.649 334.861 8.719 256 8.719z"
/>
<path
fill="url(#r)"
d="M358.552 263.027c11.563-19.795 5.649-41.061-18.865-55.214-36.414-21.024-100.019-18.387-142.067 5.889-29.298 16.915-40.374 39.868-32.094 59.347 25.248 18.825 56.558 29.97 90.473 29.97 39.559.001 75.57-15.165 102.553-39.992z"
/>
<circle cx="295.643" cy="203.452" r="29.29" fill="url(#s)" />
<circle cx="229.845" cy="207.512" r="29.29" fill="url(#t)" />
<circle cx="211.719" cy="159.866" r="29.29" fill="url(#u)" />
<circle cx="243.928" cy="180.942" r="29.29" fill="url(#v)" />
<circle cx="196.223" cy="233.997" r="29.29" fill="url(#w)" />
<circle cx="284.642" cy="162.112" r="29.29" fill="url(#x)" />
<circle cx="288.606" cy="241.683" r="29.29" fill="url(#y)" />
<circle cx="252.754" cy="136.562" r="29.29" fill="url(#z)" />
<circle cx="266.353" cy="204.707" r="29.29" fill="url(#A)" />
<circle cx="193.05" cy="186.983" r="29.29" fill="url(#B)" />
<circle cx="331.71" cy="189.156" r="29.29" fill="url(#C)" />
<circle cx="238.772" cy="250.679" r="29.29" fill="url(#D)" />
<circle cx="326.831" cy="216.273" r="29.29" fill="url(#E)" />
<circle cx="311.334" cy="144.873" r="29.29" fill="url(#F)" />
<path
fill="url(#G)"
d="M317.742 430.776V456.2c0 4.269 4.621 6.937 8.318 4.802l24.132-13.933a11.418 11.418 0 0 0 5.709-9.889v-28.437z"
/>
<path
fill="url(#H)"
d="m310.622 373.14 48.628-28.075c2.222-1.283 5 .321 5 2.887v50.25a9.92 9.92 0 0 1-4.96 8.591l-48.628 28.075c-2.222 1.283-5-.321-5-2.887v-50.25a9.916 9.916 0 0 1 4.96-8.591z"
/>
<path
fill="url(#I)"
d="m342.213 380.763-.001.003c-1.346-.759-3.093-.681-5.004.422-4.252 2.455-7.699 9.042-7.699 14.711 0 3.09 1.025 5.267 2.645 6.214l-.001.003 3.395 1.974 10.054-21.356z"
/>
<path
fill="url(#J)"
d="M354.863 379.921c-.627-.357-1.441-.324-2.332.191l-5.928 3.453-13.575 12.042-3.295-2.302.086-.08-9.059 5.23c-1.978 1.142-3.582 4.206-3.582 6.844 0 1.516.532 2.558 1.358 2.956l-.003.002 3.374 1.944 36.712-28.111z"
/>
<path
fill="url(#K)"
d="m324.401 400.556 31.771-18.343c1.978-1.142 3.582.07 3.582 2.708 0 2.638-1.604 5.702-3.582 6.844l-31.771 18.343c-1.978 1.142-3.582-.07-3.582-2.708 0-2.637 1.604-5.701 3.582-6.844z"
/>
<path
fill="url(#L)"
d="M348.258 388.957c0-5.67-3.447-8.276-7.699-5.821s-7.699 9.041-7.699 14.711 3.447 8.276 7.699 5.821 7.699-9.042 7.699-14.711z"
/>
<path fill="url(#M)" d="M317.177 385.457v-6.399l38.725-22.358v6.4z" />
<path
fill="url(#N)"
d="M256 294.301c43.318 0 82.126-19.292 108.313-49.749-24.991 21.487-57.498 34.478-93.041 34.478-78.861 0-142.79-63.93-142.79-142.791 0-35.543 12.991-68.05 34.478-93.041-30.457 26.187-49.749 64.995-49.749 108.313-.001 78.86 63.928 142.79 142.789 142.79z"
/>
</svg>
More icons in the same style and category