Group 3 Fill アイコン
mingcute:group-3-fill
Group 3 Fill アイコン(mingcute:group-3-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- groupfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 12c1.873 0 3.57.62 4.814 1.487c1.184.826 2.186 2.051 2.186 3.37c0 .725-.31 1.324-.796 1.77c-.458.421-1.056.693-1.672.88C15.301 19.879 13.68 20 12 20s-3.3-.12-4.532-.493c-.616-.187-1.214-.459-1.672-.88c-.487-.446-.796-1.045-.796-1.77c0-1.319 1.002-2.544 2.186-3.37C8.429 12.62 10.127 12 12 12m-7 1q.198 0 .39.016c-.968.909-1.819 2.159-1.886 3.65l-.004.191l.006.221q.026.45.145.857a6 6 0 0 1-1.062-.203c-.345-.104-.723-.268-1.03-.55A1.68 1.68 0 0 1 1 15.93c0-.905.666-1.65 1.307-2.096A4.76 4.76 0 0 1 5 13m14 0c1.044 0 1.992.344 2.693.833c.64.447 1.307 1.19 1.307 2.096c0 .517-.225.946-.56 1.254c-.306.28-.684.445-1.029.55a6 6 0 0 1-1.062.2c.097-.336.151-.695.151-1.076c0-1.575-.881-2.894-1.892-3.841Q18.803 13 19 13M5.5 7a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m13 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5M12 3a4 4 0 1 1 0 8a4 4 0 0 1 0-8"/></svg>
Group 3 Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:group-3-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:group-3-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:group-3-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--group-3-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:group-3-fill"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:group-3-fill"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/group-3-fill.svg" alt="Group 3 Fill アイコン" width="24" height="24">
他のアイコンセットの Group 3 Fill アイコン
Group 3 Fill アイコン のよくある質問
Group 3 Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Group 3 Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:group-3-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Group 3 Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/group-3-fill.svg" alt="Group 3 Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
MingCute Icon アイコン をすべて見る →
ICONYZ
