Add icons to this collection by clicking the heart icon.
Chocolate icon - also known as ice cream, strawberry, chocolate, sauce, and food and restaurant. Created in a clean lineal color style with a white, black, maroon, olive, orange, 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>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-12.29-76.423h46.747L22.167 0a5 5 0 0 1-4.937 4.206H4.937A5 5 0 0 1 0 0"
transform="translate(148.004 500.294)"
fill="#a44f3e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.29-76.423h46.747L22.167 0a5 5 0 0 1-4.937 4.206H4.937A5 5 0 0 1 0 0Z"
transform="translate(148.004 500.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.283a5 5 0 0 1 5-5h79.234a5 5 0 0 1 5 5V0a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5"
transform="translate(114.47 430.648)"
fill="#883f2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.283a5 5 0 0 0 5 5h-41.529a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(156 370.365)"
fill="#6d3326"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.283a5 5 0 0 1 5-5h79.234a5 5 0 0 1 5 5V0a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5Z"
transform="translate(114.47 430.648)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.046-78.045a24.996 24.996 0 0 1-2.416-10.721v-287.368a5 5 0 0 1 5-5h158.158a5 5 0 0 1 5 5v287.368c0 3.708-.825 7.37-2.415 10.721L89.234 0Z"
transform="translate(114.47 388.634)"
fill="#a44f3e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v287.368c0 3.708.825 7.37 2.415 10.72l37.047 78.046H-2.529l-37.047-78.046a25.002 25.002 0 0 1-2.415-10.72V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(117 12.5)"
fill="#883f2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.046-78.045a24.996 24.996 0 0 1-2.416-10.721v-287.368a5 5 0 0 1 5-5h158.158a5 5 0 0 1 5 5v287.368c0 3.708-.825 7.37-2.415 10.721L89.234 0Z"
transform="translate(114.47 388.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M75.009 147.5h168.158v80H75.009Z"
fill="#f6a96c"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-95.168a5 5 0 0 0-5 5v176a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(206.672 94.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v176a5 5 0 0 0 5 5h-31.328a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(137.832 99.5)"
fill="#f1faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v79.5a5 5 0 0 1-5 5h-95.168a5 5 0 0 1-5-5v-176a5 5 0 0 1 5-5H-5a5 5 0 0 1 5 5V-35"
transform="translate(211.672 196)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 27.679 27.679a5 5 0 0 0 7.071 0L62.43 0a5.001 5.001 0 0 0 0-7.071L34.75-34.75a5 5 0 0 0-7.071 0L0-7.071A5 5 0 0 0 0 0"
transform="translate(127.873 221.536)"
fill="#a44f3e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 27.679 27.679a5 5 0 0 0 7.071 0L62.43 0a5.001 5.001 0 0 0 0-7.071L34.75-34.75a5 5 0 0 0-7.071 0L0-7.071A5 5 0 0 0 0 0Z"
transform="translate(127.873 221.536)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.862-33.862"
transform="translate(176.019 234.931)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 33.862-33.862"
transform="translate(142.157 234.931)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h46"
transform="translate(136.088 159.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32"
transform="translate(143.088 135.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-12.29-76.423h46.746L22.166 0a5 5 0 0 1-4.937 4.206H4.937A5 5 0 0 1 0 0"
transform="translate(341.83 500.294)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.29-76.423h46.746L22.166 0a5 5 0 0 1-4.937 4.206H4.937A5 5 0 0 1 0 0Z"
transform="translate(341.83 500.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60.283a5 5 0 0 1 5-5h79.234a5 5 0 0 1 5 5V0a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5"
transform="translate(308.295 430.648)"
fill="#fd9aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.283a5 5 0 0 0 5 5h-41.705a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(350 370.365)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60.283a5 5 0 0 1 5-5h79.234a5 5 0 0 1 5 5V0a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5Z"
transform="translate(308.295 430.648)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.047-78.045a25.01 25.01 0 0 1-2.415-10.721v-287.368a5 5 0 0 1 5-5h158.158a5 5 0 0 1 5 5v287.368c0 3.708-.825 7.37-2.415 10.721L89.234 0Z"
transform="translate(308.295 388.634)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v287.368c0 3.708.825 7.37 2.415 10.72l37.047 78.046H-1.705l-37.047-78.046a25.002 25.002 0 0 1-2.415-10.72V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(310 12.5)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.871 22.902h-89.234l-37.047-78.046a25.002 25.002 0 0 1-2.415-10.72v-287.368a5 5 0 0 1 5-5H23.591a5 5 0 0 1 5 5v287.368c0 3.708-.825 7.37-2.415 10.72L15.009-31.619"
transform="translate(408.4 365.732)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M268.833 147.5h168.158v80H268.833Z"
fill="#fff3de"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-95.168a5 5 0 0 0-5 5v176a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(400.496 94.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v176a5 5 0 0 0 5 5h-31.504a5 5 0 0 1-5-5V0a5 5 0 0 1 5-5H5a5 5 0 0 0-5 5"
transform="translate(331.832 99.5)"
fill="#f1faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h17.496a5 5 0 0 1 5 5v176a5 5 0 0 1-5 5h-95.168a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5H-35"
transform="translate(383 94.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h46"
transform="translate(329.912 159.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32"
transform="translate(336.912 135.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-14.912-12.088-27-27-27S-54-14.912-54 0s12.088 27 27 27S0 14.912 0 0"
transform="translate(379.912 215)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.361 7.02 21.076 16.956 25.062A26.907 26.907 0 0 1 6.912 27c-14.912 0-27-12.088-27-27S-8-27 6.912-27c3.551 0 6.939.692 10.044 1.938C7.02-21.076 0-11.361 0 0"
transform="translate(346 215)"
fill="#fe646f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.912-12.088-27-27-27S-54-14.912-54 0s12.088 27 27 27S0 14.912 0 0Z"
transform="translate(379.912 215)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category