Add icons to this collection by clicking the heart icon.
Chocolate icon - also known as food, dessert, bar, sweet, snack, chocolate, and food and restaurant. 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="100"
height="100"
viewBox="0 0 511.998 511.998"
>
<linearGradient
id="a"
x1="-43.142"
x2="16.242"
y1="598.806"
y2="598.806"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="m262.398 334.397-102.38-102.38c-3.319-3.344-8.719-3.37-12.064-.051l-.051.051-68.253 68.254c-3.344 3.319-3.37 8.719-.051 12.064l.051.051 102.38 102.38a8.524 8.524 0 0 0 6.057 2.474 8.523 8.523 0 0 0 5.972-2.474l68.253-68.253c3.37-3.293 3.43-8.694.137-12.064l-.051-.052zm-73.97 61.94-90.691-90.35 55.882-56.223 90.606 90.35-55.797 56.223z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.142"
x2="16.242"
y1="606.702"
y2="606.702"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M358.378 20.775a8.53 8.53 0 0 0-6.825-2.474 8.546 8.546 0 0 0-6.228 3.669c-8.173 11.535-24.153 14.248-35.688 6.075a24.917 24.917 0 0 1-2.449-1.979 8.528 8.528 0 0 0-6.399-2.304 8.501 8.501 0 0 0-5.972 3.071c-5.401 6.348-14.606 7.866-21.756 3.583a8.524 8.524 0 0 0-10.494 1.28L2.524 291.398c-3.344 3.319-3.37 8.719-.051 12.064l.051.051L190.22 491.209c3.319 3.344 8.719 3.37 12.064.051l.051-.051L509.474 184.07c3.344-3.319 3.37-8.719.051-12.064l-.051-.051-151.096-151.18zM270.076 47.99a34.136 34.136 0 0 0 31.567-4.522c16.167 9.905 36.891 8.173 51.19-4.266l44.706 44.962-56.223 56.223-81.819-81.817 10.579-10.58zm-22.609 22.609 81.818 81.818-56.223 56.223-81.818-81.818 56.223-56.223zm119.443 231.89-81.818-81.818 56.223-56.223 81.818 81.818-56.223 56.223zM196.278 473.121 20.611 297.455l158.603-158.603 43.938 43.938 74.054 189.402-100.928 100.929zm114.067-114.153-57.162-146.061L354.88 314.519l-44.535 44.449zm124.818-124.732-81.818-81.818 56.223-56.223 81.818 81.818-56.223 56.223z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.142"
x2="16.242"
y1="616.993"
y2="616.993"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M304.715 158.475 292.6 146.36l-19.538 19.623-11.006-11.091-12.115 12.115 23.121 23.035z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.142"
x2="16.242"
y1="624.993"
y2="624.993"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="m372.968 90.222-12.115-12.115-19.538 19.623-11.006-11.091-12.114 12.115 23.12 23.035z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.142"
x2="16.242"
y1="613.993"
y2="613.993"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="m435.163 215.637 31.652-31.567-12.114-12.115-19.538 19.623-11.006-11.091-12.115 12.115z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.142"
x2="16.242"
y1="605.993"
y2="605.993"
gradientTransform="matrix(8.5316 0 0 -8.5316 369.058 5432.153)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="m386.448 240.208-19.538 19.623-11.006-11.091-12.115 12.115 23.121 23.035 31.652-31.567z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category