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 512 512"
>
<linearGradient
id="a"
x1="-43.008"
x2="16.272"
y1="628.711"
y2="628.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M187.733 102.4h51.2a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533zm8.534-51.2H230.4v34.133h-34.133V51.2z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.008"
x2="16.272"
y1="628.711"
y2="628.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M273.067 102.4h51.2a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2c-.001 4.71 3.822 8.533 8.533 8.533zm8.533-51.2h34.133v34.133H281.6V51.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.008"
x2="16.272"
y1="618.711"
y2="618.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M187.733 187.733h51.2a8.536 8.536 0 0 0 8.533-8.533V128a8.536 8.536 0 0 0-8.533-8.533h-51.2A8.536 8.536 0 0 0 179.2 128v51.2a8.536 8.536 0 0 0 8.533 8.533zm8.534-51.2H230.4v34.133h-34.133v-34.133z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.008"
x2="16.272"
y1="618.711"
y2="618.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M273.067 187.733h51.2a8.536 8.536 0 0 0 8.533-8.533V128a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v51.2c-.001 4.71 3.822 8.533 8.533 8.533zm8.533-51.2h34.133v34.133H281.6v-34.133z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.008"
x2="16.272"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M375.467 238.933h-8.533V8.533A8.536 8.536 0 0 0 358.401 0H153.6a8.536 8.536 0 0 0-8.533 8.533v230.4h-8.533a8.536 8.536 0 0 0-8.533 8.533v256a8.536 8.536 0 0 0 8.533 8.533h238.933a8.536 8.536 0 0 0 8.533-8.533v-256a8.536 8.536 0 0 0-8.533-8.533zM162.133 17.067h187.733v221.867H332.8v-25.6a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v25.6h-17.067v-25.6a8.536 8.536 0 0 0-8.533-8.533h-51.2a8.536 8.536 0 0 0-8.533 8.533v25.6h-17.067V17.067zM281.6 238.933v-17.067h34.133v17.067H281.6zm-85.333 0v-17.067H230.4v17.067h-34.133zM145.067 256h221.867v83.285l-221.867-47.531V256zm0 238.933V309.248l221.867 47.531v138.155H145.067z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.008"
x2="16.272"
y1="588.711"
y2="588.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<path
d="M324.267 358.4H187.733a8.536 8.536 0 0 0-8.533 8.533v85.333a8.536 8.536 0 0 0 8.533 8.533h136.533a8.536 8.536 0 0 0 8.533-8.533v-85.333c.001-4.71-3.822-8.533-8.532-8.533zm-8.534 85.333H196.267v-68.267h119.467v68.267z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category