icons/Carbon/soccerOpen in browser →

soccer · Carbon

Free SVG soccer 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.

soccer icon — CarbonFree soccer SVG icon from Carbon, filled style, Apache-2.0 licensed.

Tags

  • soccer

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)"><circle cx="17" cy="28" r="2" fill="currentColor"/><path fill="currentColor" d="M8 20.586L13.586 15L15 16.414L9.414 22z"/><path fill="currentColor" d="M28 16.584L19.414 8H6v2h12.586l3 3L6 28.586L7.414 30L23 14.415L26.584 18L23 21.586L24.414 23L28 19.416a2.004 2.004 0 0 0 0-2.832M24.5 9A3.5 3.5 0 1 1 28 5.5A3.504 3.504 0 0 1 24.5 9m0-5A1.5 1.5 0 1 0 26 5.5A1.5 1.5 0 0 0 24.5 4"/></g></svg>
React
// Run: npx sant-icons get carbon-soccer --format react
export function CarbonSoccer(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)"><circle cx="17" cy="28" r="2" fill="currentColor"/><path fill="currentColor" d="M8 20.586L13.586 15L15 16.414L9.414 22z"/><path fill="currentColor" d="M28 16.584L19.414 8H6v2h12.586l3 3L6 28.586L7.414 30L23 14.415L26.584 18L23 21.586L24.414 23L28 19.416a2.004 2.004 0 0 0 0-2.832M24.5 9A3.5 3.5 0 1 1 28 5.5A3.504 3.504 0 0 1 24.5 9m0-5A1.5 1.5 0 1 0 26 5.5A1.5 1.5 0 0 0 24.5 4"/></g></svg>
  );
}
CLI
npx sant-icons get carbon-soccer

Properties

Name
soccer
Library
Carbon
Style
filled
License
Apache-2.0
Version
1.2.30
Identifier
carbon-soccer

soccer in other libraries

The soccer icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon soccer", "soccer svg", or any of its tagged terms (soccer). 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-soccer directly into your project. No browser context-switch.