Home/Libraries/SVG Logos (Iconify)/wire

SVG Logos (Iconify)

Wire

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WireIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.