icons/Carbon/switch-layer-3Open in browser →

switch-layer-3 · Carbon

Free SVG switch-layer-3 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.

switch-layer-3 icon — CarbonFree switch-layer-3 SVG icon from Carbon, filled style, Apache-2.0 licensed.

Tags

  • switch
  • layer
  • 3

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="M22 4v2h2.586l-5 5L21 12.414l5-5V10h2V4zM10 4v2H7.414l5 5L11 12.414l-5-5V10H4V4zm10 1l-4-4l-4 4l1.414 1.414L15 4.829V11h2V4.829l1.586 1.585zm2 23v-2h2.586l-5-5L21 19.586l5 5V22h2v6zm-12 0v-2H7.414l5-5L11 19.586l-5 5V22H4v6zm10-1l-4 4l-4-4l1.414-1.414L15 27.171V21h2v6.171l1.586-1.585zM5 12l-4 4l4 4l1.414-1.414L4.829 17H11v-2H4.829l1.585-1.586zm22 0l4 4l-4 4l-1.414-1.414L27.171 17H21v-2h6.171l-1.585-1.586z"/></g></svg>
React
// Run: npx sant-icons get carbon-switch-layer-3 --format react
export function CarbonSwitchLayer3(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="M22 4v2h2.586l-5 5L21 12.414l5-5V10h2V4zM10 4v2H7.414l5 5L11 12.414l-5-5V10H4V4zm10 1l-4-4l-4 4l1.414 1.414L15 4.829V11h2V4.829l1.586 1.585zm2 23v-2h2.586l-5-5L21 19.586l5 5V22h2v6zm-12 0v-2H7.414l5-5L11 19.586l-5 5V22H4v6zm10-1l-4 4l-4-4l1.414-1.414L15 27.171V21h2v6.171l1.586-1.585zM5 12l-4 4l4 4l1.414-1.414L4.829 17H11v-2H4.829l1.585-1.586zm22 0l4 4l-4 4l-1.414-1.414L27.171 17H21v-2h6.171l-1.585-1.586z"/></g></svg>
  );
}
CLI
npx sant-icons get carbon-switch-layer-3

Properties

Name
switch-layer-3
Library
Carbon
Style
filled
License
Apache-2.0
Version
1.2.30
Identifier
carbon-switch-layer-3

Related from Carbon

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