cookie · Huge Icons
Free SVG cookie 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.
Tags
- cookie
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"><path stroke-width="1.5" d="M12.058 22c4.915 0 9.006-3.506 9.884-8.141c.258-1.362-.349-1.29-1.632-1.515c-.91-.16-1.76-.777-2.077-1.756c-.215-.666-.295-.693-.998-.722c-1.449-.06-2.61-1.597-2.032-2.84c.216-.464.209-.517-.195-.832c-.707-.55-1.037-1.577-.91-2.568c.137-1.067.217-1.451-.913-1.571C7.457 1.445 2 6.02 2 11.995C2 17.52 6.503 22 12.058 22Z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.008 18h-.01"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 6L9 7m8 7l-1 1m-9 0l1 1"/><path stroke-linecap="round" stroke-width="1.5" d="M11.125 12H11m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Zm-5.125-2H6m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>
React
// Run: npx sant-icons get huge-cookie --format react
export function HugeCookie(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"><path stroke-width="1.5" d="M12.058 22c4.915 0 9.006-3.506 9.884-8.141c.258-1.362-.349-1.29-1.632-1.515c-.91-.16-1.76-.777-2.077-1.756c-.215-.666-.295-.693-.998-.722c-1.449-.06-2.61-1.597-2.032-2.84c.216-.464.209-.517-.195-.832c-.707-.55-1.037-1.577-.91-2.568c.137-1.067.217-1.451-.913-1.571C7.457 1.445 2 6.02 2 11.995C2 17.52 6.503 22 12.058 22Z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.008 18h-.01"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 6L9 7m8 7l-1 1m-9 0l1 1"/><path stroke-linecap="round" stroke-width="1.5" d="M11.125 12H11m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Zm-5.125-2H6m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0Z"/></g></svg>
);
}CLI
npx sant-icons get huge-cookie
Properties
- Name
- cookie
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-cookie
cookie in other libraries
The cookie icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons cookie", "cookie svg", or any of its tagged terms (cookie). 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-cookie directly into your project. No browser context-switch.