Cable icon
andrsrxn:cable
The Cable icon (andrsrxn:cable) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Devices, Energy
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M6.13 21.5c-.22.1-.33.14-.42.15a1 1 0 0 1-1.17-.8c-.02-.09-.02-.2-.02-.45v-3.49c0-.22 0-.33.02-.42a1 1 0 0 1 1.15-.81q.12.02.4.12c.23.08.34.12.44.17a2 2 0 0 1 1.11 1.58c.02.11.02.23.02.47v1.27c0 .25 0 .37-.02.48a2 2 0 0 1-1.06 1.55zm11.74-19c.22-.1.33-.14.42-.15a1 1 0 0 1 1.17.8c.02.09.02.2.02.45v3.49c0 .22 0 .33-.02.42a1 1 0 0 1-1.15.81q-.12-.02-.4-.12l-.44-.17a2 2 0 0 1-1.11-1.58c-.02-.11-.02-.23-.02-.47V4.71c0-.25 0-.37.02-.48a2 2 0 0 1 1.06-1.55c.1-.06.22-.1.45-.19" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.57 21.48c-.67.2-1 .31-1.27.25a1 1 0 0 1-.64-.46c-.14-.24-.14-.59-.14-1.29v-2.6c0-.7 0-1.05.14-1.29a1 1 0 0 1 .63-.46c.27-.07.6.04 1.26.24c.39.12.58.18.72.3a1 1 0 0 1 .32.43c.07.17.07.37.07.77v2.61c0 .4 0 .6-.07.77a1 1 0 0 1-.32.43c-.14.11-.33.17-.7.3M17.43 2.52c.67-.2 1-.31 1.27-.25a1 1 0 0 1 .64.46c.14.24.14.59.14 1.29v2.6c0 .7 0 1.05-.14 1.29a1 1 0 0 1-.63.46c-.27.07-.6-.04-1.26-.24a2 2 0 0 1-.72-.3a1 1 0 0 1-.32-.43c-.07-.17-.07-.37-.07-.77V4.02c0-.4 0-.6.07-.77a1 1 0 0 1 .32-.43c.14-.11.33-.17.7-.3M4.52 20.16H2.44M19.48 3.84h2.08M4.52 17.2H2.44M19.48 6.8h2.08"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.76 18.72h8.44c.34 0 .5 0 .65-.02a3 3 0 0 0 2.7-2.74c.02-.14.01-.3 0-.65l-.01-.63a3 3 0 0 0-2.7-2.67L16.2 12H7.62l-.47-.01a3 3 0 0 1-2.8-2.82v-.48l.02-.46a3 3 0 0 1 2.79-2.75h8.94"/></g></svg>
How to use the Cable icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:cable" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:cable" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:cable" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--cable]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:cable"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:cable"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/cable.svg" alt="Cable icon" width="24" height="24">
Cable icon in other icon sets
Cable icon FAQ
Is the Cable icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cable icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:cable" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cable icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/cable.svg" alt="Cable icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
