icons/Huge Icons/chocolateOpen in browser →

chocolate · Huge Icons

Free SVG chocolate icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.

chocolate icon — Huge IconsFree chocolate SVG icon from Huge Icons, stroke style, MIT licensed.

Tags

  • chocolate

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m16.2 14.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1 1 0 0 0-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654 1.102-1.741 1.538c-.047.234-.014.477.092.69c.2.398.828.607 2.085 1.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27 1.35c.136.68.204 1.02.434 1.25s.57.298 1.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418 1.257.628 1.886 1.025 2.085c.214.106.457.139.69.092c.436-.087.804-.638 1.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1 1 0 0 0-.032-.32c-.073-.286-.304-.517-.766-.98Z"/><path d="m13.5 18l-1.774 1.856C10.296 21.286 9.58 22 8.693 22s-1.603-.715-3.032-2.144l-1.517-1.517C2.714 16.91 2 16.195 2 15.307s.715-1.603 2.144-3.033L6 10.5m3-2.792l3.646-3.646C14.02 2.687 14.708 2 15.563 2c.854 0 1.541.687 2.916 2.062l1.459 1.459C21.313 6.896 22 7.583 22 8.437s-.687 1.542-2.062 2.917L16.292 15"/><path stroke-linejoin="round" d="m19.6 4.4l-7.2 7.2M12 4l8 8"/></g></svg>
React
// Run: npx sant-icons get huge-chocolate --format react
export function HugeChocolate(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m16.2 14.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1 1 0 0 0-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654 1.102-1.741 1.538c-.047.234-.014.477.092.69c.2.398.828.607 2.085 1.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27 1.35c.136.68.204 1.02.434 1.25s.57.298 1.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418 1.257.628 1.886 1.025 2.085c.214.106.457.139.69.092c.436-.087.804-.638 1.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1 1 0 0 0-.032-.32c-.073-.286-.304-.517-.766-.98Z"/><path d="m13.5 18l-1.774 1.856C10.296 21.286 9.58 22 8.693 22s-1.603-.715-3.032-2.144l-1.517-1.517C2.714 16.91 2 16.195 2 15.307s.715-1.603 2.144-3.033L6 10.5m3-2.792l3.646-3.646C14.02 2.687 14.708 2 15.563 2c.854 0 1.541.687 2.916 2.062l1.459 1.459C21.313 6.896 22 7.583 22 8.437s-.687 1.542-2.062 2.917L16.292 15"/><path stroke-linejoin="round" d="m19.6 4.4l-7.2 7.2M12 4l8 8"/></g></svg>
  );
}
CLI
npx sant-icons get huge-chocolate

Properties

Name
chocolate
Library
Huge Icons
Style
stroke
License
MIT
Version
1.2.35
Identifier
huge-chocolate

chocolate in other libraries

The chocolate icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons chocolate", "chocolate svg", or any of its tagged terms (chocolate). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-chocolate directly into your project. No browser context-switch.