Users Duo アイコン
glyphs:users-duo
Users Duo アイコン(glyphs:users-duo)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- usersduo、user
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M24.967 39.306a6.097 6.097 0 0 1-11.934 0l-.13-.618a6.6 6.6 0 0 1 1.138-5.258l.21-.286a5.89 5.89 0 0 1 9.497 0l.21.286a6.6 6.6 0 0 1 1.139 5.258zM8 56.133C8 57.164 8.836 58 9.867 58H21.31a12.75 12.75 0 0 1 5.564-7.935a7.5 7.5 0 0 0-1.671-.895l-.422-.161a16.22 16.22 0 0 0-11.564 0l-.422.16A7.45 7.45 0 0 0 8 56.134M70.133 58H58.69a12.75 12.75 0 0 0-5.564-7.935a7.5 7.5 0 0 1 1.671-.895l.422-.161a16.22 16.22 0 0 1 11.564 0l.422.16A7.45 7.45 0 0 1 72 56.134A1.867 1.867 0 0 1 70.133 58m-15.1-18.693a6.097 6.097 0 0 0 11.934 0l.13-.619a6.6 6.6 0 0 0-1.138-5.258l-.21-.286a5.89 5.89 0 0 0-9.497 0l-.21.286a6.6 6.6 0 0 0-1.139 5.258z"/><path fill="currentColor" fill-opacity=".25" d="M55.8 64H24.2a3.2 3.2 0 0 1-3.2-3.2c0-5.297 3.276-10.04 8.23-11.917l.831-.315a28.06 28.06 0 0 1 19.878 0l.831.315A12.74 12.74 0 0 1 59 60.8a3.2 3.2 0 0 1-3.2 3.2M35.141 39.078a10.546 10.546 0 0 0 15.176-7.176l.205-.966a11.32 11.32 0 0 0-1.975-9.08l-.33-.446a10.22 10.22 0 0 0-16.434 0l-.33.446a11.32 11.32 0 0 0-1.975 9.08l.205.966a10.55 10.55 0 0 0 5.458 7.176"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.967 39.306a6.097 6.097 0 0 1-11.934 0l-.13-.618a6.6 6.6 0 0 1 1.138-5.258l.21-.286a5.89 5.89 0 0 1 9.497 0l.21.286a6.6 6.6 0 0 1 1.139 5.258zM8 56.133C8 57.164 8.836 58 9.867 58H21.31a12.75 12.75 0 0 1 5.564-7.935a7.5 7.5 0 0 0-1.671-.895l-.422-.161a16.22 16.22 0 0 0-11.564 0l-.422.16A7.45 7.45 0 0 0 8 56.134M70.133 58H58.69a12.75 12.75 0 0 0-5.564-7.935a7.5 7.5 0 0 1 1.671-.895l.422-.161a16.22 16.22 0 0 1 11.564 0l.422.16A7.45 7.45 0 0 1 72 56.134A1.867 1.867 0 0 1 70.133 58m-15.1-18.693a6.097 6.097 0 0 0 11.934 0l.13-.619a6.6 6.6 0 0 0-1.138-5.258l-.21-.286a5.89 5.89 0 0 0-9.497 0l-.21.286a6.6 6.6 0 0 0-1.139 5.258z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M55.8 64H24.2a3.2 3.2 0 0 1-3.2-3.2c0-5.297 3.276-10.04 8.23-11.917l.831-.315a28.06 28.06 0 0 1 19.878 0l.831.315A12.74 12.74 0 0 1 59 60.8a3.2 3.2 0 0 1-3.2 3.2M35.141 39.078a10.546 10.546 0 0 0 15.176-7.176l.205-.966a11.32 11.32 0 0 0-1.975-9.08l-.33-.446a10.22 10.22 0 0 0-16.434 0l-.33.446a11.32 11.32 0 0 0-1.975 9.08l.205.966a10.55 10.55 0 0 0 5.458 7.176"/></g></svg>Users Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:users-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:users-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:users-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--users-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:users-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:users-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/users-duo.svg" alt="Users Duo アイコン" width="24" height="24">Glyphs の関連アイコン
Users Duo アイコン のよくある質問
Users Duo アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Users Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:users-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Users Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/users-duo.svg" alt="Users Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。