Account Group Outline アイコン
mdi:account-group-outline
Account Group Outline アイコン(mdi:account-group-outline)は、Material Design Icons セットの無料 SVG アイコンです(作者: Pictogrammers)。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Icons
- 作者
- Pictogrammers
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- アカウント・ユーザー
- タグ
- user group outline、users group outline、person group outline、people group outline、accounts group outline、account、user、accountgroup、groupoutline、accountgroupoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 12a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 5m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 10a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 7M5.5 8A2.5 2.5 0 0 0 3 10.5c0 .94.53 1.75 1.29 2.18c.36.2.77.32 1.21.32s.85-.12 1.21-.32c.37-.21.68-.51.91-.87A5.42 5.42 0 0 1 6.5 8.5v-.28c-.3-.14-.64-.22-1-.22m13 0c-.36 0-.7.08-1 .22v.28c0 1.2-.39 2.36-1.12 3.31c.12.19.25.34.4.49a2.48 2.48 0 0 0 1.72.7c.44 0 .85-.12 1.21-.32c.76-.43 1.29-1.24 1.29-2.18A2.5 2.5 0 0 0 18.5 8M12 14c-2.34 0-7 1.17-7 3.5V19h14v-1.5c0-2.33-4.66-3.5-7-3.5m-7.29.55C2.78 14.78 0 15.76 0 17.5V19h3v-1.93c0-1.01.69-1.85 1.71-2.52m14.58 0c1.02.67 1.71 1.51 1.71 2.52V19h3v-1.5c0-1.74-2.78-2.72-4.71-2.95M12 16c1.53 0 3.24.5 4.23 1H7.77c.99-.5 2.7-1 4.23-1"/></svg>Account Group Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:account-group-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:account-group-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:account-group-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--account-group-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:account-group-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:account-group-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mdi/account-group-outline.svg" alt="Account Group Outline アイコン" width="24" height="24">Material Design Icons の関連アイコン
account
account-alert
account-alert-outline
account-arrow-down
account-arrow-down-outline
account-arrow-left
account-arrow-left-outline
account-arrow-right
account-arrow-right-outline
account-arrow-up
account-arrow-up-outline
account-badge
account-badge-outline
account-box
account-box-edit-outline
account-box-minus-outline
account-box-multiple
account-box-multiple-outline
account-box-outline
account-box-plus-outline
account-cancel
account-cancel-outline
account-card
account-card-outline
Account Group Outline アイコン のよくある質問
Account Group Outline アイコンは商用利用でも無料ですか?
はい。Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Account Group Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="mdi:account-group-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Account Group Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi/account-group-outline.svg" alt="Account Group Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。