Users Nearby アイコン

Q: Users Nearby アイコンは商用利用でも無料ですか?

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

reicon:users-nearby

Users Nearby アイコン(reicon:users-nearby)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 地図
タグ: usersnearby、user

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 4a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0m7.74 3.164a2.282 2.282 0 0 1 1.2 4.397l-2.176.725a8 8 0 0 0-.338.12a.25.25 0 0 0-.115.243l.018.06c.021.062.052.143.104.278l1.247 3.242a2.223 2.223 0 0 1-4.005 1.9L12 16.513l-.925 1.618A2.223 2.223 0 0 1 7.07 16.23l1.247-3.242a9 9 0 0 0 .104-.277l.018-.06a.25.25 0 0 0-.115-.244l-.058-.024a8 8 0 0 0-.28-.096L5.81 11.56a2.282 2.282 0 0 1 1.2-4.397l1.897.406l.206.044a14.25 14.25 0 0 0 5.772 0c.05-.01.1-.02.206-.044zm1.26 2.232c0-.499-.46-.87-.946-.765l-1.9.407l-.214.045a15.75 15.75 0 0 1-6.593-.045l-1.9-.407a.782.782 0 0 0-.412 1.507l2.175.725l.055.018c.205.068.42.139.595.248c.59.363.909 1.04.815 1.726c-.028.205-.11.415-.187.617l-.021.053l-1.247 3.242a.723.723 0 0 0 1.303.619l1.576-2.758a.75.75 0 0 1 1.302 0l1.576 2.758a.723.723 0 0 0 1.303-.619l-1.247-3.242l-.02-.053c-.079-.202-.16-.412-.188-.617a1.75 1.75 0 0 1 .815-1.726c.176-.11.39-.18.595-.248l.055-.018l2.175-.725a.78.78 0 0 0 .535-.742M5.216 14.163a.75.75 0 0 1-.333 1.007c-1.52.765-2.133 1.625-2.133 2.33c0 .764.724 1.705 2.487 2.498C6.929 20.76 9.32 21.25 12 21.25s5.071-.49 6.763-1.252c1.763-.793 2.487-1.734 2.487-2.498c0-.705-.612-1.565-2.133-2.33a.75.75 0 1 1 .674-1.34c1.646.828 2.959 2.07 2.959 3.67c0 1.722-1.515 3.03-3.371 3.866c-1.927.867-4.537 1.384-7.379 1.384s-5.452-.517-7.379-1.384C2.765 20.53 1.25 19.222 1.25 17.5c0-1.6 1.313-2.842 2.96-3.67a.75.75 0 0 1 1.006.333" clip-rule="evenodd"/></svg>

Users Nearby アイコンの使い方

React

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

<Icon icon="reicon:users-nearby" width="24" />

Vue

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

<template>
  <Icon icon="reicon:users-nearby" width="24" />
</template>

Svelte

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

<Icon icon="reicon:users-nearby" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--users-nearby]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:users-nearby"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:users-nearby"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/users-nearby.svg" alt="Users Nearby アイコン" width="24" height="24">

Reicon の関連アイコン

Users Nearby アイコンのよくある質問

Users Nearby アイコンは商用利用でも無料ですか?

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

React で Users Nearby アイコンを使うには?

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

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

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

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