ICONYZ
Русский
Иконка Group 3 Fill из набора MingCute Icon

Иконка Group 3 Fill

mingcute:group-3-fill

Иконка Group 3 Fill (mingcute:group-3-fill) — бесплатная SVG-иконка из набора MingCute Icon от 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

<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>

Веб-компонент

<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">

Похожие иконки в наборе MingCute Icon

Иконка Group 3 Fill в других наборах

Вопросы и ответы: Иконка Group 3 Fill

Можно ли бесплатно использовать иконку Group 3 Fill в коммерческих проектах?

Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Group 3 Fill в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки MingCute Icon →