Geo Fence アイコン
wpf:geo-fence
Geo Fence アイコン(wpf:geo-fence)は、Icons8 Windows 8 Icons セットの無料 SVG アイコンです(作者: Icons8)。 26 × 26 のグリッドで描かれています。 Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 8 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 26 × 26
- タグ
- geofence
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M13 0a6 6 0 0 0-6 6c0 3.314 5.219 11.543 5.219 16h1.562C13.781 17.558 19 9.044 19 6a6 6 0 0 0-6-6m0 3a3 3 0 1 1 0 6a3 3 0 0 1 0-6M6.844 17.281l-.063.032c-1.845.324-3.409.768-4.593 1.375c-.593.303-1.104.662-1.5 1.093c-.397.432-.688.993-.688 1.625c0 .948.628 1.689 1.375 2.219s1.69.935 2.844 1.281C6.524 25.598 9.605 26 13 26s6.476-.402 8.781-1.094c1.153-.346 2.097-.75 2.844-1.281S26 22.354 26 21.406c0-.634-.29-1.224-.688-1.656s-.904-.759-1.5-1.063c-1.19-.607-2.769-1.051-4.625-1.375a1 1 0 1 0-.343 1.97c1.723.3 3.155.725 4.062 1.187c.454.23.773.477.938.656s.156.25.156.281c0 .047-.064.263-.531.594s-1.263.694-2.282 1c-2.037.611-4.955 1-8.187 1s-6.15-.389-8.188-1c-1.018-.306-1.814-.669-2.28-1c-.468-.331-.532-.547-.532-.594c0-.03-.007-.103.156-.281c.164-.178.487-.426.938-.656c.9-.461 2.318-.886 4.031-1.188a1.01 1.01 0 1 0-.281-2"/></svg>Geo Fence アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:geo-fence" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:geo-fence" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:geo-fence" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--geo-fence]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:geo-fence"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:geo-fence"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wpf/geo-fence.svg" alt="Geo Fence アイコン" width="24" height="24">Geo Fence アイコン のよくある質問
Geo Fence アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Geo Fence アイコンを使うには?
@iconify/react をインストールして <Icon icon="wpf:geo-fence" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geo Fence アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wpf/geo-fence.svg" alt="Geo Fence アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。