Wifi アイコン
glyphs-poly:wifi
Wifi アイコン(glyphs-poly:wifi)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><circle cx="40" cy="60" r="4" fill="#bb6bd9" stroke="#bb6bd9" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><path fill="#9b51e0" d="m30.282 47.936l-1.247-1.563zm6.255-3.012l.445 1.95zm-11.35 5.72a2 2 0 0 0 3.368 2.156zm24.547-2.708L48.487 49.5zm1.725 4.862a2 2 0 1 0 3.369-2.158zm-7.98-7.874l-.445 1.95zM22.988 36.79l1.247 1.564zm10.945-5.27l-.445-1.95zm-17.26 8.897a2 2 0 1 0 3.186 2.419zm40.355-3.626l-1.247 1.563zm3.127 6.043a2 2 0 1 0 3.186-2.42zM46.082 31.518l.445-1.95zm-30.394-5.87l-1.247-1.564zm15.636-7.53l.445 1.95zM8.152 30.322a2 2 0 0 0 3.108 2.518zm56.164-4.675l1.247-1.564zm4.432 7.198a2 2 0 1 0 3.108-2.518zM48.679 18.117l-.445 1.95zM31.53 49.5a13.6 13.6 0 0 1 5.453-2.626l-.89-3.9a17.6 17.6 0 0 0-7.057 3.399zm-2.974 3.3a13.6 13.6 0 0 1 2.974-3.3l-2.494-3.127a17.6 17.6 0 0 0-3.849 4.27zm19.932-3.3a13.6 13.6 0 0 1 2.972 3.298l3.369-2.158a17.6 17.6 0 0 0-3.847-4.267zm-5.453-2.626a13.6 13.6 0 0 1 5.453 2.626l2.494-3.127a17.6 17.6 0 0 0-7.057-3.399zm.89-3.9a17.6 17.6 0 0 0-7.832 0l.89 3.9a13.6 13.6 0 0 1 6.052 0zm-19.69-4.62a25.3 25.3 0 0 1 10.145-4.886l-.89-3.9a29.3 29.3 0 0 0-11.748 5.658zm-4.375 4.48a25.3 25.3 0 0 1 4.376-4.48l-2.494-3.128a29.3 29.3 0 0 0-5.068 5.19zm35.922-4.48a25.3 25.3 0 0 1 4.374 4.479l3.186-2.42a29.3 29.3 0 0 0-5.066-5.187zm-10.144-4.886a25.3 25.3 0 0 1 10.144 4.885l2.494-3.127a29.3 29.3 0 0 0-11.748-5.657zm.89-3.9a29.3 29.3 0 0 0-13.039 0l.89 3.9a25.3 25.3 0 0 1 11.26 0zm-29.592-2.357a37 37 0 0 1 14.834-7.144l-.89-3.9a41 41 0 0 0-16.438 7.917zm-5.675 5.63a37 37 0 0 1 5.675-5.63l-2.494-3.127a41 41 0 0 0-6.289 6.239zm51.81-5.63a37 37 0 0 1 5.678 5.635l3.108-2.518a41 41 0 0 0-6.293-6.244zm-14.836-7.144a37 37 0 0 1 14.835 7.144l2.494-3.127a41 41 0 0 0-16.438-7.916zm.89-3.9a41 41 0 0 0-18.245 0l.89 3.9a37 37 0 0 1 16.466 0z"/></g></svg>
Wifi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:wifi" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:wifi" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:wifi" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--wifi]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:wifi"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:wifi"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/wifi.svg" alt="Wifi アイコン" width="24" height="24">
Wifi アイコン のよくある質問
Wifi アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wifi アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:wifi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wifi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/wifi.svg" alt="Wifi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
