Add icons to this collection by clicking the heart icon.
Candy icon - also known as food, candy, dessert, sugar, sweet, wrapper, lollies, and food and restaurant. Created in a clean gradient style with a white, gray, navy, 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>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-143.26947 143.26947) rotate(20.934 -5.66 -1.877)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#5ed3bd" />
<stop offset="1" stop-opacity="1" stop-color="#77e8d2" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(116.10474 -116.10474) rotate(14.789 9.202 11.03)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#5ed3bd" />
<stop offset="1" stop-opacity="1" stop-color="#77e8d2" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(254.19322 -254.19322) rotate(88.988 1.31 -.29)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#77e8d2" />
<stop offset="1" stop-opacity="1" stop-color="#97f7e5" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(229.94462 -229.94462) rotate(89.105 1.41 -.284)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ff929f" />
<stop offset="1" stop-opacity="1" stop-color="#ffa5b5" />
</linearGradient>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M69.378 408.9c-9.55-5.712-15.179-15.473-16.01-25.779-.44-5.457-4.763-9.681-10.179-10.488-12.833-1.91-23.882-11.311-27.246-24.678-2.325-9.241-.515-18.55 4.259-25.979 2.762-4.296 1.318-10.035-3.148-12.513-7.722-4.286-13.721-11.63-16.045-20.871-3.363-13.368 1.922-26.879 12.324-34.634 4.389-3.272 6.197-9.04 4.003-14.056-4.145-9.471-3.805-20.735 1.905-30.285 9.386-15.695 29.718-20.81 45.413-11.424 15.695 9.385 114.001 72.142 103.564 79.893 12.861 1.887-44.042 103.692-53.427 119.388-6.202 10.372-17.185 16.123-28.451 16.123a32.95 32.95 0 0 1-16.962-4.697"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<path
d="M447.346 313.807c-15.695-9.385-114.001-72.143-103.564-79.892-12.861-1.888 44.042-103.694 53.427-119.389 9.386-15.695 29.718-20.811 45.413-11.425 9.55 5.71 15.179 15.472 16.01 25.777.44 5.457 4.764 9.682 10.179 10.489 12.832 1.91 23.882 11.311 27.246 24.678 2.325 9.24.515 18.55-4.259 25.978-2.762 4.298-1.318 10.036 3.148 12.515 7.722 4.285 13.721 11.63 16.045 20.87 3.363 13.367-1.923 26.878-12.324 34.634-4.389 3.272-6.197 9.039-4.003 14.056 4.145 9.471 3.805 20.735-1.905 30.284-6.203 10.373-17.185 16.125-28.451 16.124a32.97 32.97 0 0 1-16.962-4.699"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#b)"
stroke="none"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-13.873-12.485-8.797-25.267-2.352-33.586 3.377-4.359 1.956-10.651-2.999-13.07-9.727-4.751-20.51-14.051-13.99-30.217 5.111-12.67 18.905-19.419 31.733-14.722 11.902 4.359 39.299 24.547 39.441 37.685 6.092 11.64-8.489 42.39-16.912 51.862C25.843 8.161 10.154 9.139 0 0"
transform="translate(85.288 339.778)"
fill="#40c1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.313-17.564-4.207-26.422-13.822-30.701-5.038-2.242-6.764-8.457-3.543-12.934 6.321-8.787 11.419-22.083-1.975-33.239-10.497-8.743-25.844-8.161-34.921 2.048-8.423 9.472-23.005 40.222-16.912 51.862.142 13.138 27.538 33.326 39.441 37.685C-18.904 19.418-4.621 12.855 0 0"
transform="translate(445.954 249.04)"
fill="#40c1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M121.055 289.95c-18.745-74.506 26.459-150.101 100.965-168.846 74.507-18.744 150.101 26.459 168.846 100.966 18.746 74.505-26.459 150.102-100.964 168.845a139.312 139.312 0 0 1-34.045 4.237c-62.245-.006-118.924-42.092-134.802-105.202"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#d)"
stroke="none"
/>
<path
d="m233.594 393.346 10.472-84.373c1.987-16.001-15.978-26.743-29.134-17.422l-69.371 49.153c-11.231-14.624-19.721-31.734-24.506-50.754-4.786-19.019-5.402-38.111-2.43-56.308l84.373 10.473c16 1.987 26.743-15.978 17.422-29.134l-49.152-69.374c14.624-11.23 31.732-19.718 50.752-24.503 19.02-4.785 38.107-5.404 56.305-2.43l-10.471 84.373c-1.985 16.001 15.98 26.744 29.135 17.422l69.372-49.152c11.23 14.624 19.72 31.733 24.505 50.753 4.786 19.019 5.401 38.116 2.429 56.315l-84.371-10.481c-16.001-1.986-26.743 15.979-17.422 29.135l49.152 69.372c-14.624 11.23-31.733 19.719-50.752 24.504a139.476 139.476 0 0 1-34.047 4.238 138.07 138.07 0 0 1-22.261-1.807"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#e)"
stroke="none"
/>
<g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-1.613-6.431-9.407-10.015-17.409-8.007C-25.41-5.999-30.588.841-28.975 7.271c1.615 6.429 9.409 10.014 17.41 8.006C-3.564 13.27 1.613 6.43 0 0"
transform="translate(182.22 264.77)"
fill="#ffc7de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.614-6.431-9.408-10.015-17.409-8.007C-25.41-5.999-30.588.841-28.975 7.271c1.614 6.429 9.408 10.014 17.41 8.006C-3.564 13.27 1.613 6.43 0 0"
transform="translate(352.705 221.989)"
fill="#ffc7de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.981-15.865-20.071-25.5-35.937-21.519-15.865 3.982-25.5 20.071-21.518 35.937 3.981 15.865 20.071 25.499 35.936 21.518C-5.653 31.954 3.98 15.865 0 0"
transform="translate(228.506 283.692)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.373-9.456-11.963-15.198-21.419-12.825-9.455 2.373-15.197 11.962-12.824 21.418 2.373 9.456 11.962 15.198 21.418 12.825C-3.369 19.045 2.372 9.456 0 0"
transform="translate(228.506 283.692)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.981-15.865-20.07-25.499-35.936-21.518-15.865 3.982-25.5 20.071-21.518 35.936 3.981 15.865 20.071 25.5 35.936 21.519C-5.652 31.955 3.981 15.866 0 0"
transform="translate(349.316 253.374)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.373-9.456-11.962-15.198-21.418-12.825-9.456 2.373-15.198 11.962-12.825 21.418 2.373 9.456 11.962 15.198 21.418 12.825C-3.369 19.045 2.373 9.456 0 0"
transform="translate(349.257 253.39)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c4.564 15.008 20.156 23.946 35.538 20.086C50.92 16.227 60.443.985 57.382-14.399Z"
transform="translate(171.45 299.541)"
fill="#40c1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c4.564 15.008 20.156 23.946 35.538 20.086C50.92 16.227 60.444.985 57.382-14.399Z"
transform="translate(292.297 269.215)"
fill="#40c1a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.741 4.703a7.5 7.5 0 0 0-5.449 9.1 7.5 7.5 0 0 0 9.099 5.449l18.742-4.703A7.5 7.5 0 1 0 0 0"
transform="translate(262.542 245.368)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.522 0-10 4.478-10 10s4.478 10 10 10c15.197 0 30.211 3.907 43.418 11.299 4.819 2.694 10.913.976 13.61-3.843 2.698-4.819.977-10.913-3.842-13.61C37.001 4.788 18.61 0 0 0"
transform="translate(256.063 146.867)"
fill="#dcfff8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a88.975 88.975 0 0 0-16.098-1.469c-5.522 0-10-4.477-10-10 0-5.522 4.478-10 10-10 6.24 0 12.452.538 18.566 1.595z"
transform="translate(272.161 168.335)"
fill="#ffd2dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.078 1.117-6.072 2.556-8.993 4.026-4.933 2.484-6.918 8.496-4.435 13.429 2.484 4.934 8.499 6.917 13.429 4.435a88.304 88.304 0 0 1 7.333-3.283c5.138-2.025 7.661-7.832 5.637-12.97C11.42 1.703 7.586-2.753 0 0"
transform="translate(215.876 154.522)"
fill="#ffd2dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category