cog · Majesticons
Free SVG cog icon from Majesticons. 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
- cog
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 2a2 2 0 0 0-2 2v.757l-.707.707L9 4.757l-.536-.535a2 2 0 0 0-2.828 0L4.222 5.636a2 2 0 0 0 0 2.828L4.757 9H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.757l-.535.536a2 2 0 0 0 0 2.828l1.414 1.414a2 2 0 0 0 2.828 0l-.707-.707l.707.707l.536-.535V20a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-.757l.536.535a2 2 0 0 0 2.828 0l1.414-1.414a2 2 0 0 0 0-2.829L19.243 15H20a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.757l.535-.536a2 2 0 0 0 0-2.828l-1.414-1.414a2 2 0 0 0-2.828 0L15 4.757V4a2 2 0 0 0-2-2h-2zm5 10a4 4 0 1 1-8 0a4 4 0 0 1 8 0zm-4 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4z" fill="currentColor"/></g></svg>
React
// Run: npx sant-icons get majesticons-cog --format react
export function MajesticonsCog(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 2a2 2 0 0 0-2 2v.757l-.707.707L9 4.757l-.536-.535a2 2 0 0 0-2.828 0L4.222 5.636a2 2 0 0 0 0 2.828L4.757 9H4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h.757l-.535.536a2 2 0 0 0 0 2.828l1.414 1.414a2 2 0 0 0 2.828 0l-.707-.707l.707.707l.536-.535V20a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-.757l.536.535a2 2 0 0 0 2.828 0l1.414-1.414a2 2 0 0 0 0-2.829L19.243 15H20a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-.757l.535-.536a2 2 0 0 0 0-2.828l-1.414-1.414a2 2 0 0 0-2.828 0L15 4.757V4a2 2 0 0 0-2-2h-2zm5 10a4 4 0 1 1-8 0a4 4 0 0 1 8 0zm-4 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4z" fill="currentColor"/></g></svg>
);
}CLI
npx sant-icons get majesticons-cog
Properties
- Name
- cog
- Library
- Majesticons
- Style
- stroke
- License
- MIT
- Version
- 1.2.5
- Identifier
- majesticons-cog
cog in other libraries
Related from Majesticons
The cog icon ships with Majesticons, an open-source icon set licensed under MIT. Search for it as "majesticons cog", "cog svg", or any of its tagged terms (cog). 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 majesticons-cog directly into your project. No browser context-switch.