ICONYZ
日本語
Glyphs の Wifi Bold アイコン

Wifi Bold アイコン

glyphs:wifi-bold

Wifi Bold アイコン(glyphs:wifi-bold)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Glyphs
作者
Goran Spasojevic
ライセンス
MIT
サイズ
80 × 80
タグ
wifibold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><circle cx="40" cy="60" r="4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><path d="m30.282 47.936l-1.87-2.345zm6.255-3.012l.667 2.925zm-12.193 5.18a3 3 0 0 0 5.053 3.235zm25.39-2.168l-1.87 2.346zm.883 5.401a3 3 0 0 0 5.053-3.236zm-7.138-8.413l-.668 2.925zM22.988 36.79l1.87 2.346zm10.945-5.27l-.667-2.925zm-18.056 8.29a3 3 0 1 0 4.778 3.628zm41.15-3.022l-1.87 2.346zm2.332 6.648a3 3 0 0 0 4.778-3.628zM46.082 31.518l.668-2.924zm-30.394-5.87l-1.87-2.346zm15.636-7.53l.668 2.924zM7.375 29.692a3 3 0 0 0 4.662 3.778zm56.941-4.045l1.87-2.346zm3.655 7.827a3 3 0 1 0 4.661-3.777zM48.679 18.117l-.667 2.925zM32.153 50.282a12.6 12.6 0 0 1 5.051-2.433L35.87 42a18.6 18.6 0 0 0-7.457 3.592zm-2.756 3.057a12.6 12.6 0 0 1 2.756-3.057l-3.741-4.691a18.6 18.6 0 0 0-4.068 4.513zm18.466-3.057a12.6 12.6 0 0 1 2.754 3.055l5.053-3.236a18.6 18.6 0 0 0-4.066-4.51zm-5.052-2.433a12.6 12.6 0 0 1 5.052 2.433l3.741-4.691a18.6 18.6 0 0 0-7.457-3.592zM44.147 42a18.6 18.6 0 0 0-8.278 0l1.335 5.85a12.6 12.6 0 0 1 5.607 0zm-19.289-2.864a24.3 24.3 0 0 1 9.743-4.692l-1.335-5.85a30.3 30.3 0 0 0-12.149 5.851zm-4.203 4.304a24.3 24.3 0 0 1 4.203-4.304l-3.74-4.69a30.3 30.3 0 0 0-5.241 5.366zm34.502-4.304a24.3 24.3 0 0 1 4.202 4.302l4.778-3.628a30.3 30.3 0 0 0-5.239-5.365zm-9.742-4.692a24.3 24.3 0 0 1 9.742 4.692l3.741-4.69a30.3 30.3 0 0 0-12.148-5.851zm1.335-5.85a30.3 30.3 0 0 0-13.484 0l1.335 5.85a24.3 24.3 0 0 1 10.814 0zm-29.192-.6a36 36 0 0 1 14.434-6.95l-1.335-5.85a42 42 0 0 0-16.84 8.11zm-5.521 5.478a36 36 0 0 1 5.521-5.478l-3.74-4.69a42 42 0 0 0-6.443 6.39zm50.409-5.478a36 36 0 0 1 5.525 5.482l4.661-3.777a42 42 0 0 0-6.445-6.396zm-14.434-6.95a36 36 0 0 1 14.434 6.95l3.74-4.69a42 42 0 0 0-16.839-8.11zm1.335-5.85a42 42 0 0 0-18.69 0l1.335 5.85a36 36 0 0 1 16.02 0z"/></g></svg>

Wifi Bold アイコンの使い方

React

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

<Icon icon="glyphs:wifi-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:wifi-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:wifi-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="glyphs:wifi-bold"></iconify-icon>

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

Glyphs アイコン をすべて見る →