Huachiew Connect アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:huachiew-connect

Huachiew Connect アイコン(arcticons:huachiew-connect)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: huachiewconnect

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.283 36.423v-4.44l3.026 4.44v-4.44m-7.967 4.44v-4.44l3.025 4.44v-4.44m-6.275 0c.838 0 1.512.656 1.512 1.47v1.5c0 .815-.675 1.47-1.512 1.47c-.838 0-1.512-.656-1.512-1.472v-1.498c0-.815.674-1.471 1.512-1.471m-3.066 2.951v.018c0 .812-.677 1.47-1.513 1.47h0c-.835 0-1.513-.658-1.513-1.47v-1.499c0-.812.678-1.471 1.513-1.471h0c.836 0 1.513.659 1.513 1.472v.018m18.431 2.951h-2.283v-4.44h2.283m-2.283 2.22h1.489m7.825 2.22v-4.44m-1.513 0H39m-4.295 2.951v.018c0 .812-.676 1.47-1.512 1.47h0c-.836 0-1.513-.658-1.513-1.47v-1.499c0-.812.677-1.471 1.513-1.471h0c.836 0 1.512.659 1.512 1.472v.018m4.293-12.258l-1.658 6.711l-1.656-6.711l-1.657 6.711l-1.657-6.711m-2.506 6.711H26.55v-6.711h3.314m-3.314 3.356h2.16m-5.384-3.356v6.711m-7.677-3.368h4.391m0-3.343v6.711m-4.391-6.711v6.711m-2.254-2.25v.027c0 1.228-.983 2.222-2.196 2.222h0c-1.211.002-2.195-.992-2.195-2.22V23.44c0-1.228.983-2.224 2.195-2.224h0c1.213 0 2.196.996 2.196 2.224v.027m19.525-7.398h-2.944m-15.624-1.146h4.402m10.493 3.37l2.2-6.716l2.203 6.716m-11.851-6.716v4.492c0 1.228.986 2.224 2.202 2.224s2.201-.996 2.201-2.224v-4.492m-7.448 0v6.716m-4.402-6.716v6.716"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/></svg>

Huachiew Connect アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:huachiew-connect" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:huachiew-connect" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:huachiew-connect" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--huachiew-connect]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:huachiew-connect"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:huachiew-connect"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/huachiew-connect.svg" alt="Huachiew Connect アイコン" width="24" height="24">

Huachiew Connect アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →