Wire アイコン

Q: Wire アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:wire

Wire アイコン(logos:wire)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 174 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 174

SVG をダウンロード

SVG コード

<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>

Wire アイコンの使い方

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 コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:wire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/wire.svg" alt="Wire アイコン" width="24" height="24">

他のアイコンセットの Wire アイコン

Wire アイコンのよくある質問

Wire アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Wire アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:wire" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Wire アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/wire.svg" alt="Wire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →