Wifi Channel Rounded アイコン
material-symbols-light:wifi-channel-rounded
Wifi Channel Rounded アイコン(material-symbols-light:wifi-channel-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- コミュニケーション
- タグ
- cellular、channel、connection、data、internet、mobile、network、scan、service、signal、wifi、wireless、device、wifichannel、channelrounded、wifichannelrounded
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.306-3.241.736-5.665t.962-4.101t1.18-2.512T16 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-.352 0-.794.439t-.894 1.176t-.86 1.713t-.702 2.07q-.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.614-2.79q.865-.98 1.694-.98q.823 0 1.701 1.003t1.607 2.766q-.225-2.76-.58-5.061t-.795-3.995t-.935-2.665T16 4.512q-.504.063-.995 1.036q-.492.973-.932 2.685q-.44 1.711-.798 4.004t-.583 5.032"/></svg>Wifi Channel Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:wifi-channel-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:wifi-channel-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:wifi-channel-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--wifi-channel-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:wifi-channel-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-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/wifi-channel-rounded.svg" alt="Wifi Channel Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
wifi
wifi-1-bar
wifi-1-bar-sharp
wifi-2-bar
wifi-2-bar-rounded
wifi-2-bar-sharp
wifi-add
wifi-add-outline
wifi-add-outline-rounded
wifi-add-rounded
wifi-calling
wifi-calling-bar-1
wifi-calling-bar-1-outline
wifi-calling-bar-1-outline-sharp
wifi-calling-bar-1-rounded
wifi-calling-bar-1-sharp
wifi-calling-bar-2
wifi-calling-bar-2-outline
wifi-calling-bar-2-outline-rounded
wifi-calling-bar-2-outline-sharp
wifi-calling-bar-2-rounded
wifi-calling-bar-2-sharp
wifi-calling-bar-3
wifi-calling-bar-3-outline
他のアイコンセットの Wifi Channel Rounded アイコン
Wifi Channel Rounded アイコン のよくある質問
Wifi Channel Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wifi Channel Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:wifi-channel-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wifi Channel Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/wifi-channel-rounded.svg" alt="Wifi Channel Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。