User Group Duotone アイコン
stash:user-group-duotone
User Group Duotone アイコン(stash:user-group-duotone)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- usergroup、groupduotone、usergroupduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 4.5a2.643 2.643 0 1 0 0 5.286A2.643 2.643 0 0 0 16 4.5m-1.643 2.643a1.643 1.643 0 1 1 3.286 0a1.643 1.643 0 0 1-3.286 0m3.826 3.155a1.05 1.05 0 0 0-.914.202c-.27.21-.748.5-1.269.5a.5.5 0 0 0 0 1c.858 0 1.556-.457 1.883-.71a.1.1 0 0 1 .043-.024h.004q.201.053.399.118l.685.225c.526.173.925.594 1.066 1.114l.283 2.049c.056.403-.156.705-.46.777q-.335.082-.813.16a.5.5 0 1 0 .16.988q.512-.085.884-.175c.895-.213 1.333-1.07 1.22-1.887l-.291-2.106l-.007-.027a2.62 2.62 0 0 0-1.73-1.843l-.685-.225a8 8 0 0 0-.458-.136" opacity=".5"/><path fill="currentColor" d="M10 4.75C8.695 4.75 7.671 5.776 7.671 7S8.695 9.25 10 9.25S12.329 8.224 12.329 7S11.305 4.75 10 4.75M6.171 7c0-2.09 1.733-3.75 3.829-3.75S13.829 4.91 13.829 7S12.096 10.75 10 10.75S6.171 9.09 6.171 7m1.3 5.966c-.182-.117-.32-.124-.384-.107q-.215.06-.428.128l-.985.315c-.75.24-1.308.82-1.506 1.524l-.407 2.864c-.074.527.207.93.634 1.03c1.077.25 2.89.53 5.605.53c2.714 0 4.528-.28 5.605-.53c.427-.1.708-.503.633-1.03l-.406-2.864c-.198-.704-.756-1.284-1.506-1.524l-.985-.315a11 11 0 0 0-.428-.128c-.065-.017-.202-.01-.384.107c-.512.332-1.4.77-2.529.77s-2.017-.438-2.53-.77m-.782-1.553c.612-.168 1.193.033 1.596.294c.37.24.974.529 1.715.529c.74 0 1.345-.29 1.715-.53c.403-.26.984-.461 1.596-.293q.245.068.488.145l.984.316c1.233.394 2.188 1.373 2.51 2.613l.011.04l.42 2.952c.167 1.18-.486 2.401-1.78 2.701c-1.198.278-3.126.57-5.944.57s-4.746-.292-5.945-.57c-1.294-.3-1.946-1.52-1.779-2.701l.42-2.951l.01-.041c.323-1.24 1.278-2.219 2.51-2.613l.985-.316q.243-.077.488-.145"/></svg>User Group Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:user-group-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:user-group-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:user-group-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--user-group-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:user-group-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:user-group-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/user-group-duotone.svg" alt="User Group Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
user-arrow-down
user-arrow-down-duotone
user-arrow-down-light
user-at
user-at-duotone
user-at-light
user-avatar
user-avatar-duotone
user-avatar-light
user-check
user-check-duotone
user-check-light
user-clock
user-clock-duotone
user-clock-light
user-cog
user-cog-duotone
user-cog-light
user-dollar
user-dollar-duotone
user-dollar-light
user-envelope
user-envelope-duotone
user-envelope-light
他のアイコンセットの User Group Duotone アイコン
User Group Duotone アイコン のよくある質問
User Group Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で User Group Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:user-group-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
User Group Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/user-group-duotone.svg" alt="User Group Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。