Wifi アイコン

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

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

token:wifi

Wifi アイコン(token:wifi)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.726 3h-1.8c-.24 0-.39.216-.3.408l3.162 6.612c.054.108.168.18.3.18h2.064c.12 0 .234-.06.288-.168l2.322-4.296a.16.16 0 0 1 .144-.084h.192c.06 0 .114.03.138.084l2.346 4.302c.06.096.168.162.288.162h2.052a.32.32 0 0 0 .294-.18l3.156-6.612c.096-.192-.06-.408-.294-.408h-1.704c-.06 0-.12.03-.144.084l-2.076 4.182c-.114.222-.456.228-.576.012L13.31 3.162A.32.32 0 0 0 13.028 3h-2.004c-.12 0-.228.06-.282.162L8.48 7.272c-.12.216-.468.21-.582-.012L5.87 3.084A.16.16 0 0 0 5.726 3m0 18h-1.8c-.24 0-.39-.222-.3-.42l3.162-6.606a.33.33 0 0 1 .3-.18h2.064c.12 0 .234.066.288.168l2.322 4.296c.03.054.084.084.144.084h.192c.06 0 .114-.03.138-.084l2.346-4.296a.32.32 0 0 1 .288-.162h2.052c.126 0 .24.06.294.168l3.156 6.618c.096.192-.06.414-.294.414h-1.704a.16.16 0 0 1-.144-.09l-2.076-4.182c-.114-.222-.456-.228-.576-.006l-2.268 4.116a.32.32 0 0 1-.282.162h-2.004a.31.31 0 0 1-.282-.162l-2.262-4.11c-.12-.222-.468-.216-.582.012L5.87 20.91a.16.16 0 0 1-.144.09m-1.2-9.6c-.18 0-.324.126-.324.288v.624c0 .162.144.288.324.288h14.952c.18 0 .324-.126.324-.288v-.624c0-.162-.144-.288-.324-.288z"/></svg>

Wifi アイコンの使い方

React

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

<Icon icon="token:wifi" width="24" />

Vue

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

<template>
  <Icon icon="token:wifi" width="24" />
</template>

Svelte

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

<Icon icon="token:wifi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--wifi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:wifi"></div>

Web コンポーネント

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

<iconify-icon icon="token:wifi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/wifi.svg" alt="Wifi アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →