Switch Layer 3 icon
carbon:switch-layer-3
The Switch Layer 3 icon (carbon:switch-layer-3) is a free SVG icon from the Carbon set by IBM. It is drawn on a 32 × 32 grid. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><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"/></svg>How to use the Switch Layer 3 icon
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:switch-layer-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:switch-layer-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:switch-layer-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--switch-layer-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:switch-layer-3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:switch-layer-3"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/carbon/switch-layer-3.svg" alt="Switch Layer 3 icon" width="24" height="24">Related icons in Carbon
Switch Layer 3 icon FAQ
Is the Switch Layer 3 icon free for commercial use?
Yes. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Switch Layer 3 icon in React?
Install @iconify/react and render <Icon icon="carbon:switch-layer-3" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Switch Layer 3 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/carbon/switch-layer-3.svg" alt="Switch Layer 3 icon">, or paste the SVG code inline to style it with CSS.