Add icons to this collection by clicking the heart icon.
Candy icon - also known as gift, candy, heart, dessert, sugar, sweets, birthday, love, lollipop, bowtie, and love and romance. Created in a clean flat gradient style with a 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffb555" />
<stop offset=".183" stop-color="#ffae40" />
<stop offset=".529" stop-color="#ffa31d" />
<stop offset=".814" stop-color="#ff9c08" />
<stop offset="1" stop-color="#ff9a00" />
</linearGradient>
<linearGradient
id="d"
x1="29"
x2="35"
y1="52.92"
y2="52.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="29"
x2="35"
y1="34.528"
y2="34.528"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<linearGradient
id="f"
x1="13"
x2="51"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ef72ad" />
<stop offset=".104" stop-color="#f06caa" />
<stop offset=".249" stop-color="#f35aa2" />
<stop offset=".418" stop-color="#f83c94" />
<stop offset=".604" stop-color="#ff1381" />
<stop offset=".612" stop-color="#ff1180" />
</linearGradient>
<linearGradient
id="g"
x1="47.659"
x2="36.314"
y1="39.771"
y2="39.989"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="16"
x2="30"
y1="39.84"
y2="39.84"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="28"
x2="36"
y1="39.84"
y2="39.84"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M34 41.84h-4a1 1 0 0 0-1 1V61c0 1.654 1.346 3 3 3s3-1.346 3-3V42.84a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M34.548 31.38a1 1 0 0 0-.947-.082c-.717.312-1.278.525-1.602.642-.324-.117-.884-.33-1.602-.642a1.001 1.001 0 0 0-1.397.918v4.624a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4.624a1 1 0 0 0-.452-.836z"
/>
<path
fill="url(#f)"
d="M40.753.017c-3.365-.18-6.555 1.16-8.752 3.647A10.818 10.818 0 0 0 23.249.017C17.412.341 13.007 5.381 13 11.741c-.017 15.987 18.506 22.15 18.693 22.211a1.01 1.01 0 0 0 .614 0c.187-.061 18.71-6.224 18.693-22.211-.007-6.36-4.412-11.4-10.247-11.724z"
/>
<path
fill="#ffa4b4"
d="M45.239 10a.999.999 0 0 1-.889-.54c-.957-1.845-2.608-2.965-4.531-3.072a1 1 0 0 1-.942-1.055 1.01 1.01 0 0 1 1.055-.942c2.607.146 4.923 1.697 6.194 4.148A1 1 0 0 1 45.239 10zM29.661 27.144a.99.99 0 0 1-.31-.05c-.253-.083-6.216-2.074-9.44-7.048a1 1 0 0 1 1.679-1.088c2.843 4.387 8.327 6.216 8.381 6.234a1 1 0 0 1-.31 1.952z"
/>
<path
fill="url(#g)"
d="M46.339 33.758a3.965 3.965 0 0 0-3.604-.55.772.772 0 0 0-.1.04l-8.051 3.684a.997.997 0 0 0-.584.908v4c0 .391.228.747.584.909l8.051 3.684c.033.015.066.028.1.04a3.966 3.966 0 0 0 3.604-.55A3.957 3.957 0 0 0 48 42.678v-5.675a3.956 3.956 0 0 0-1.661-3.245z"
/>
<path
fill="url(#h)"
d="m29.416 36.931-8.051-3.684a1.225 1.225 0 0 0-.1-.04 3.954 3.954 0 0 0-3.603.55A3.959 3.959 0 0 0 16 37.003v5.675c0 1.301.605 2.484 1.661 3.245a3.964 3.964 0 0 0 3.603.55.947.947 0 0 0 .1-.04l8.051-3.684A.998.998 0 0 0 30 41.84v-4a1 1 0 0 0-.584-.909z"
/>
<path
fill="#f6aed0"
d="M40 41h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM29 41h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"
/>
<path
fill="url(#i)"
d="M34 35.84h-4c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h4c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2z"
/>
</svg>
More icons in the same style and category