earth · Carbon
Free SVG earth icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.
Tags
- earth
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m5 3.106a12 12 0 0 1 2.916 1.899L23.503 8H21Zm-7.622 22.597A11.976 11.976 0 0 1 8.116 6.976L9.465 9h3.342l-1.5 4H7.28l-1.382 4.148L8.465 21h5l1.432 2.148ZM16 28c-.203 0-.402-.02-.602-.03l1.396-4.19a1.99 1.99 0 0 0-.233-1.741l-1.432-2.148A2 2 0 0 0 13.465 19h-3.93l-1.432-2.148L8.721 15H11v2h2v-2.819l2.936-7.83l-1.872-.702L13.557 7h-3.022l-.807-1.21A11.8 11.8 0 0 1 19 4.394V8a2.003 2.003 0 0 0 2 2h2.586A2 2 0 0 0 25 9.414l.14-.14l.282-.68A12 12 0 0 1 27.3 12h-4.701a1.99 1.99 0 0 0-1.972 1.665l-.597 3.441a1.99 1.99 0 0 0 .991 2.086l2.165 1.464l1.458 3.646A11.96 11.96 0 0 1 16 28m8.815-8.656L22.1 17.509l-.1-.06l.599-3.449h5.22a11.74 11.74 0 0 1-1.744 8.495Z"/></g></svg>
React
// Run: npx sant-icons get carbon-earth --format react
export function CarbonEarth(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m5 3.106a12 12 0 0 1 2.916 1.899L23.503 8H21Zm-7.622 22.597A11.976 11.976 0 0 1 8.116 6.976L9.465 9h3.342l-1.5 4H7.28l-1.382 4.148L8.465 21h5l1.432 2.148ZM16 28c-.203 0-.402-.02-.602-.03l1.396-4.19a1.99 1.99 0 0 0-.233-1.741l-1.432-2.148A2 2 0 0 0 13.465 19h-3.93l-1.432-2.148L8.721 15H11v2h2v-2.819l2.936-7.83l-1.872-.702L13.557 7h-3.022l-.807-1.21A11.8 11.8 0 0 1 19 4.394V8a2.003 2.003 0 0 0 2 2h2.586A2 2 0 0 0 25 9.414l.14-.14l.282-.68A12 12 0 0 1 27.3 12h-4.701a1.99 1.99 0 0 0-1.972 1.665l-.597 3.441a1.99 1.99 0 0 0 .991 2.086l2.165 1.464l1.458 3.646A11.96 11.96 0 0 1 16 28m8.815-8.656L22.1 17.509l-.1-.06l.599-3.449h5.22a11.74 11.74 0 0 1-1.744 8.495Z"/></g></svg>
);
}CLI
npx sant-icons get carbon-earth
Properties
- Name
- earth
- Library
- Carbon
- Style
- filled
- License
- Apache-2.0
- Version
- 1.2.30
- Identifier
- carbon-earth
earth in other libraries
Related from Carbon
The earth icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon earth", "earth svg", or any of its tagged terms (earth). 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 carbon-earth directly into your project. No browser context-switch.