Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as sweet, seed, healthy food, chocolate, cocoa, food and restaurant, and cocoa bean. Created in a clean outline 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="318.49"
x2="318.49"
y1="447.029"
y2="222.806"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="318.49"
x2="318.49"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="c"
x1="392.18"
x2="392.18"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="d"
x1="392.181"
x2="392.181"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="e"
x1="244.799"
x2="244.799"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="f"
x1="244.8"
x2="244.8"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="g"
x1="56.506"
x2="56.506"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="h"
x1="56.415"
x2="56.415"
y1="447.029"
y2="222.806"
href="#a"
/>
<linearGradient
id="i"
x1="256"
x2="256"
y1="447.029"
y2="222.806"
href="#a"
/>
<path
fill="url(#a)"
d="M288.589 336a29.9 29.9 0 1 0 29.9-29.935 29.951 29.951 0 0 0-29.9 29.935zm47.8 0a17.9 17.9 0 1 1-17.9-17.935A17.938 17.938 0 0 1 336.391 336z"
/>
<path
fill="url(#b)"
d="m356.48 435.327-16.394-46.981a14.852 14.852 0 0 0-14.714-12.609h-13.764a14.852 14.852 0 0 0-14.714 12.609L280.5 435.327a6.025 6.025 0 0 0-.283 1.186 20.088 20.088 0 0 0 19.9 22.746h36.752a20.087 20.087 0 0 0 19.9-22.747 5.946 5.946 0 0 0-.289-1.185zm-13.547 9.178a7.961 7.961 0 0 1-6.067 2.754h-36.752a8.087 8.087 0 0 1-8.056-8.634l16.369-46.909a5.961 5.961 0 0 0 .3-1.368 2.89 2.89 0 0 1 2.877-2.611h13.764a2.89 2.89 0 0 1 2.877 2.611 5.961 5.961 0 0 0 .3 1.368l16.368 46.909a7.985 7.985 0 0 1-1.98 5.88z"
/>
<path
fill="url(#c)"
d="M424.547 353.073a6.061 6.061 0 0 0-1.171-.348l-48.824-9.273a14.839 14.839 0 0 0-18.268 6.453l-6.884 11.937a14.871 14.871 0 0 0 3.55 19.051l32.433 37.707a5.956 5.956 0 0 0 .885.839 20.061 20.061 0 0 0 29.634-5.877l18.376-31.872a20.1 20.1 0 0 0-9.731-28.618zm-.665 22.624-18.376 31.873a8.062 8.062 0 0 1-11.479 2.677L361.645 372.6a5.992 5.992 0 0 0-1.035-.952 2.9 2.9 0 0 1-.813-3.811l6.883-11.937a2.879 2.879 0 0 1 3.684-1.195 6.042 6.042 0 0 0 1.341.422l48.748 9.258a8.1 8.1 0 0 1 3.429 11.313z"
/>
<path
fill="url(#d)"
d="M415.9 258.441a20.062 20.062 0 0 0-29.634-5.875 5.963 5.963 0 0 0-.885.84l-32.431 37.708a14.872 14.872 0 0 0-3.548 19.051l6.881 11.937a14.842 14.842 0 0 0 18.269 6.453l48.824-9.273a6.061 6.061 0 0 0 1.171-.348 20.1 20.1 0 0 0 9.731-28.619zm8.631 44.532a7.966 7.966 0 0 1-4.08 4.65l-48.748 9.258a5.99 5.99 0 0 0-1.341.422 2.882 2.882 0 0 1-3.685-1.2l-6.877-11.932a2.9 2.9 0 0 1 .813-3.814 5.935 5.935 0 0 0 1.034-.95l32.382-37.648a8.062 8.062 0 0 1 11.479 2.677l18.376 31.874a8 8 0 0 1 .649 6.663z"
/>
<path
fill="url(#b)"
d="m280.5 236.68 16.395 46.981a14.852 14.852 0 0 0 14.714 12.609h13.764a14.853 14.853 0 0 0 14.714-12.609l16.394-46.982a5.946 5.946 0 0 0 .283-1.185 20.086 20.086 0 0 0-19.9-22.746h-36.75a20.087 20.087 0 0 0-19.9 22.746 6.059 6.059 0 0 0 .286 1.186zm13.548-9.179a7.963 7.963 0 0 1 6.067-2.753h36.752a8.084 8.084 0 0 1 8.055 8.634l-16.368 46.909a5.938 5.938 0 0 0-.3 1.368 2.891 2.891 0 0 1-2.877 2.611h-13.769a2.891 2.891 0 0 1-2.877-2.611 5.938 5.938 0 0 0-.3-1.368l-16.369-46.909a7.986 7.986 0 0 1 1.985-5.882z"
/>
<path
fill="url(#e)"
d="M212.433 318.934a6.031 6.031 0 0 0 1.17.348l48.825 9.273A14.841 14.841 0 0 0 280.7 322.1l6.883-11.937a14.872 14.872 0 0 0-3.55-19.051L251.6 253.406a5.963 5.963 0 0 0-.885-.84 20.062 20.062 0 0 0-29.634 5.875L202.7 290.315a20.1 20.1 0 0 0 9.731 28.619zm.665-22.624 18.376-31.874a8.062 8.062 0 0 1 11.479-2.677l32.381 37.648a5.938 5.938 0 0 0 1.035.95 2.9 2.9 0 0 1 .814 3.814l-6.883 11.936a2.88 2.88 0 0 1-3.684 1.2 6.006 6.006 0 0 0-1.341-.422l-48.749-9.258a8.1 8.1 0 0 1-3.426-11.317z"
/>
<path
fill="url(#f)"
d="m287.578 361.842-6.878-11.937a14.844 14.844 0 0 0-18.269-6.453l-48.831 9.273a6.031 6.031 0 0 0-1.17.348 20.1 20.1 0 0 0-9.731 28.618l18.376 31.872a20.06 20.06 0 0 0 29.634 5.877 5.956 5.956 0 0 0 .885-.839l32.432-37.708a14.87 14.87 0 0 0 3.552-19.051zm-11.209 9.805a6.029 6.029 0 0 0-1.035.952l-32.381 37.649a8.061 8.061 0 0 1-11.479-2.678L213.1 375.7a8.1 8.1 0 0 1 3.428-11.313l48.749-9.258a6.058 6.058 0 0 0 1.341-.422 2.88 2.88 0 0 1 3.682 1.193l6.881 11.937a2.9 2.9 0 0 1-.812 3.81z"
/>
<path
fill="url(#g)"
d="M56.5 253.088h-.01a6 6 0 0 0-5.99 6.012l.017 13.228a6 6 0 0 0 6 5.992h.007a6 6 0 0 0 5.993-6.007L62.5 259.08a6 6 0 0 0-6-5.992z"
/>
<path
fill="url(#h)"
d="M56.467 241h.008a6 6 0 0 0 5.992-6.008l-.1-80.6a6 6 0 0 0-6-5.992h-.008a6 6 0 0 0-5.992 6.007l.1 80.6a6 6 0 0 0 6 5.993z"
/>
<path
fill="url(#i)"
d="M450.889 281.471a.972.972 0 0 1-.447-1.131c3.35-10.316 8.49-37.01-16.063-62.035a62.653 62.653 0 0 0-60.153-16.539.978.978 0 0 1-1.057-.372c-6.469-9.273-23.87-30.032-50.555-31.313l-.317-7.79a105 105 0 0 0-60.028-94.524l-50.663-23.83a16.613 16.613 0 0 1-9.5-14.977A18.972 18.972 0 0 0 183.169 10h-15.32a18.973 18.973 0 0 0-18.942 18.952 16.2 16.2 0 0 1-9.138 14.817l-51.02 24a104.992 104.992 0 0 0-60.029 94.645V353.18a104.44 104.44 0 0 0 55.034 92.132l78.744 42.33a27.44 27.44 0 0 0 26.071-.028l37.676-20.714c2.28.52 4.644.952 7.1 1.281a107.548 107.548 0 0 0 28.071-.226 1.044 1.044 0 0 1 1.062.569A62.845 62.845 0 0 0 318.087 502c30.629 0 48.778-21.879 55.16-31.285a1 1 0 0 1 1.091-.407 63 63 0 0 0 75.768-79.273 1.061 1.061 0 0 1 .361-1.205c9.866-6.868 32.813-25.806 32.813-53.249a63.116 63.116 0 0 0-32.391-55.11zM265.715 83.224a93.023 93.023 0 0 1 44.582 79.19v.243l.328 8.049c-18.7 2.636-34.856 12.5-44.915 27.462zM181.509 22h1.66a6.958 6.958 0 0 1 6.939 6.794c.261 11.118 6.328 21.268 16.391 26L253.715 77v125.758c-13.858-1.257-36.321-.1-53.646 16.164-22.383 21.013-17.944 49.807-15 61.211a.954.954 0 0 1-.408 1.066 63.186 63.186 0 0 0-3.155 1.849zm-12 455.7a15.6 15.6 0 0 1-1.329-.628L97.3 438.971V196.588a6 6 0 1 0-12 0v235.779a92.445 92.445 0 0 1-44.58-79.187V162.414a93.022 93.022 0 0 1 44.58-79.19v61.364a6 6 0 0 0 12 0V77l47.219-22.2c10.063-4.733 16.129-14.884 16.39-26a6.958 6.958 0 0 1 6.94-6.8h1.66v270.729a63.042 63.042 0 0 0-17.729 43.852c0 19.009 8.86 33.46 17.729 43.171zm13.329-.628c-.435.234-.88.438-1.329.628v-87.114c.55.409 1.079.793 1.568 1.137a1 1 0 0 1 .382 1.079 63.5 63.5 0 0 0 16.41 60.125 45.961 45.961 0 0 0 11.407 8.508zm260.773-97.09a13.041 13.041 0 0 0-5 14.5 51 51 0 0 1-61.327 64.191 13.054 13.054 0 0 0-13.97 5.3C358.008 471.8 342.976 490 318.087 490a50.871 50.871 0 0 1-45.006-27.1 13.123 13.123 0 0 0-11.545-6.951 12.846 12.846 0 0 0-1.735.117c-10.67 1.453-37.032 3.237-51.319-11.492a51.583 51.583 0 0 1-13.391-48.82 13.082 13.082 0 0 0-5.106-13.84c-7.879-5.549-26.205-21.073-26.205-45.33a51.046 51.046 0 0 1 26.627-44.846 12.911 12.911 0 0 0 6.283-14.6c-7.241-28.02 5.695-43.923 11.593-49.46 17.2-16.146 41.467-13.807 51.1-12.052a13.045 13.045 0 0 0 13.815-6.681c8.7-16.062 25.569-26.117 45.124-26.9 23.453-.942 39.284 18.024 45 26.219a13.04 13.04 0 0 0 13.874 5.131 50.623 50.623 0 0 1 48.611 13.318c19.237 19.606 16.538 39.695 13.216 49.924a12.985 12.985 0 0 0 6.023 15.322 51.11 51.11 0 0 1 26.228 44.626c.006 21.783-19.344 37.605-27.663 43.396z"
/>
</svg>
More icons in the same style and category