Wifi Circle アイコン
pepicons-pop:wifi-circle
Wifi Circle アイコン(pepicons-pop:wifi-circle)は、Pepicons Pop! セットの無料 SVG アイコンです（作者: CyCraft）。 26 × 26 のグリッドで描かれています。 Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pepicons Pop!
- 作者
- CyCraft
- ライセンス
- CC-BY-4.0
- サイズ
- 26 × 26
- タグ
- wificircle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor"><path d="M16.696 14.282a1 1 0 1 1-1.392 1.436a2 2 0 0 0-.102-.09a2.4 2.4 0 0 0-.623-.348c-.453-.18-1-.28-1.579-.28c-.914 0-1.733.251-2.202.629q-.056.044-.102.089a1 1 0 1 1-1.392-1.436q.114-.11.24-.212C10.395 13.387 11.656 13 13 13c.827 0 1.624.146 2.316.42c.43.17.815.389 1.14.65q.126.102.24.212"/><path d="M19.213 11.689a1 1 0 1 1-1.426 1.402a4 4 0 0 0-.312-.285a5.4 5.4 0 0 0-.767-.521a6 6 0 0 0-.932-.425a7 7 0 0 0-1.057-.298a8 8 0 0 0-1.137-.153a9 9 0 0 0-1.74.058a8 8 0 0 0-1.102.227a7 7 0 0 0-1 .364a6 6 0 0 0-.854.477a5 5 0 0 0-.361.27a4 4 0 0 0-.312.286a1 1 0 1 1-1.426-1.402q.218-.22.462-.424q.243-.201.512-.384a7.5 7.5 0 0 1 1.15-.643a9 9 0 0 1 1.286-.469a10 10 0 0 1 1.379-.284A10.5 10.5 0 0 1 13 9.39a11 11 0 0 1 1.424.095a10 10 0 0 1 1.38.284a9 9 0 0 1 1.285.469a8 8 0 0 1 1.15.643q.27.183.512.384q.245.204.462.424"/><path d="M21.245 9.222a1 1 0 0 1-1.49 1.333a6 6 0 0 0-.456-.459a7 7 0 0 0-.52-.43a8.4 8.4 0 0 0-1.215-.747a9 9 0 0 0-1.408-.563a10 10 0 0 0-1.542-.35A11 11 0 0 0 13 7.89a11 11 0 0 0-1.614.117a10.5 10.5 0 0 0-1.542.35a9.6 9.6 0 0 0-1.407.564a8 8 0 0 0-.635.353a8 8 0 0 0-.58.393a7 7 0 0 0-.52.43a6 6 0 0 0-.457.46a1 1 0 0 1-1.49-1.334q.28-.314.6-.604q.316-.29.668-.553q.351-.261.732-.496a10.4 10.4 0 0 1 1.62-.813a11.6 11.6 0 0 1 1.785-.554a12.5 12.5 0 0 1 1.883-.279a13.2 13.2 0 0 1 2.864.105a12.5 12.5 0 0 1 1.842.418a11.6 11.6 0 0 1 1.71.686a10.4 10.4 0 0 1 1.518.933q.351.264.669.553t.6.604M15 18.25a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill-rule="evenodd" d="M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13" clip-rule="evenodd"/></g></svg>Wifi Circle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pop:wifi-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pop:wifi-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pop:wifi-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--wifi-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:wifi-circle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pop:wifi-circle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons-pop/wifi-circle.svg" alt="Wifi Circle アイコン" width="24" height="24">Pepicons Pop! の関連アイコン
他のアイコンセットの Wifi Circle アイコン
Wifi Circle アイコン のよくある質問
Wifi Circle アイコンは商用利用でも無料ですか?
はい。Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Wifi Circle アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons-pop:wifi-circle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wifi Circle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons-pop/wifi-circle.svg" alt="Wifi Circle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。