Cable icon
keyline-icons:cable
The Cable icon (keyline-icons:cable) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 4L6 4C3.7909 4 2 5.7909 2 8C2 10.2091 3.7909 12 6 12L18 12C20.2091 12 22 13.7909 22 16C22 18.2091 20.2091 20 18 20L10 20M15 2L19 2C19.5523 2 20 2.4477 20 3L20 5C20 5.5523 19.5523 6 19 6L15 6C14.4477 6 14 5.5523 14 5L14 3C14 2.4477 14.4477 2 15 2ZM5 18L9 18C9.5523 18 10 18.4477 10 19L10 21C10 21.5523 9.5523 22 9 22L5 22C4.4477 22 4 21.5523 4 21L4 19C4 18.4477 4.4477 18 5 18ZM20 4L22 4M4 20L2 20"/></svg>
How to use the Cable icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:cable" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:cable" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:cable" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cable]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cable"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:cable"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/cable.svg" alt="Cable icon" width="24" height="24">
Related icons in Keyline Icons
Cable icon in other icon sets
Cable icon FAQ
Is the Cable icon free for commercial use?
Yes. Keyline 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="keyline-icons: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/keyline-icons/cable.svg" alt="Cable icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
