ICONYZ
日本語
Material Symbols Light の Wifi Channel Outline Rounded アイコン

Wifi Channel Outline Rounded アイコン

material-symbols-light:wifi-channel-outline-rounded

Wifi Channel Outline Rounded アイコン(material-symbols-light:wifi-channel-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
コミュニケーション
タグ
cellular、channel、connection、data、internet、mobile、network、scan、service、signal、wifi、wireless、device、wifichannel、channeloutline、outlinerounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.058 20.5q-.189 0-.326-.156T3.625 20q.294-1.954.776-4.19t1.138-4.018q.592-1.627 1.21-2.46T8 8.5q.506 0 .99.532q.483.532.977 1.564t.933 2.542t.835 3.476q.311-3.247.736-5.674q.425-2.426.956-4.098q.53-1.67 1.184-2.506Q15.263 3.5 16 3.5q.877 0 1.612 1.129q.734 1.129 1.327 3.387q.68 2.63 1.03 5.886t.481 6.054q.006.233-.134.388q-.141.156-.374.156t-.416-.15t-.251-.383q-.263-.96-.63-1.884t-.814-1.702q-.508-.881-.988-1.381T16 14.5q-.392 0-.86.52t-.88 1.194q-.44.727-.834 1.675t-.676 2.009q-.067.258-.273.43t-.458.172t-.433-.184t-.23-.443q-.308-2.007-.729-3.826t-.898-3.24t-.925-2.303T8 9.529q-.387.104-.86 1.05q-.473.948-.956 2.487q-.446 1.428-.854 3.211q-.41 1.782-.705 3.723q-.03.214-.192.357t-.375.143m8.634-3.23q.749-1.809 1.617-2.79T16 13.5t1.701 1t1.607 2.77q-.225-2.76-.58-5.062t-.795-3.995t-.935-2.665T16 4.512q-.504.063-.998 1.036t-.935 2.685t-.795 4.004t-.58 5.032"/></svg>

Wifi Channel Outline Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:wifi-channel-outline-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:wifi-channel-outline-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:wifi-channel-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--wifi-channel-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:wifi-channel-outline-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:wifi-channel-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/wifi-channel-outline-rounded.svg" alt="Wifi Channel Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Wifi Channel Outline Rounded アイコン

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

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

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

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

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

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

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

Material Symbols Light アイコン をすべて見る →