Wire icon
logos:wire
The Wire icon (logos:wire) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 174 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 174
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="174" viewBox="0 0 512 174"><path d="M198.232 108.467c0 29.008-23.36 52.607-52.395 52.607a52.73 52.73 0 0 1-31.353-10.345c9.782-11.375 15.606-26.125 15.606-42.262l.02-83.71C130.11 11.106 118.996 0 105.333 0s-24.78 11.106-24.78 24.757l-.021 83.71c0 16.137 6.215 30.887 15.997 42.262a52.73 52.73 0 0 1-31.354 10.345c-29.035 0-52.786-23.599-52.786-52.607V6.347H0v102.12c0 35.832 29.44 64.985 65.306 64.985c15.206 0 29.308-5.28 40.396-14.047c11.088 8.768 24.865 14.047 40.07 14.047c35.867 0 64.85-29.153 64.85-64.985V6.347h-12.39zm-92.921 33.83c-7.718-9.155-12.39-20.952-12.39-33.83l.022-83.71c0-6.827 5.557-12.378 12.39-12.378c6.83 0 12.389 5.551 12.389 12.378l-.022 83.71c0 12.878-4.672 24.675-12.39 33.83m142.5 27.876h12.39V6.013h-12.39zM368.667 3.15c-24.448 0-46.06 12.36-58.91 31.151V6.013h-12.39v164.16h12.39V74.396h.006c0-32.447 26.424-58.844 58.904-58.844zm31.982 140.825l51.266-51.266L512 32.624a86 86 0 0 0-4.22-4.54c-33.21-33.21-87.249-33.21-120.46 0s-33.21 87.25 0 120.46c33.207 33.206 87.233 33.21 120.446.014l-8.761-8.76c-26.906 26.89-69.793 28.28-98.355 4.177m-4.569-107.13c26.905-26.904 69.802-28.299 98.37-4.192L391.889 135.214c-24.106-28.568-22.712-71.465 4.192-98.369"/></svg>How to use the Wire icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:wire" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:wire" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:wire" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--wire]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:wire"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:wire"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/wire.svg" alt="Wire icon" width="24" height="24">Wire icon in other icon sets
Wire icon FAQ
Is the Wire icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Wire icon in React?
Install @iconify/react and render <Icon icon="logos:wire" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wire icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/wire.svg" alt="Wire icon">, or paste the SVG code inline to style it with CSS.