Иконка People Group

stash:people-group

Иконка People Group (stash:people-group) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: peoplegroup

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.737 5.15a2.643 2.643 0 1 0 .111 3.881A3.75 3.75 0 0 0 12 10.751a3.75 3.75 0 0 0 3.152-1.718a2.643 2.643 0 1 0 .111-3.881A3.75 3.75 0 0 0 12 3.25a3.75 3.75 0 0 0-3.263 1.9M9.75 7a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0m-1.412-.81a3.76 3.76 0 0 0 .052 1.829a1.642 1.642 0 0 1-3.033-.876a1.643 1.643 0 0 1 2.98-.954m7.272 1.829a3.75 3.75 0 0 0 .052-1.83a1.643 1.643 0 1 1-.052 1.83M4.951 10.297c.347-.092.675.022.901.186c.09.065.214.145.365.218a.5.5 0 0 1-.435.9a3.4 3.4 0 0 1-.517-.308a.2.2 0 0 0-.053-.027l-.007-.001a7 7 0 0 0-.401.12l-.686.224a1.63 1.63 0 0 0-1.066 1.114l-.283 2.049c-.056.403.157.705.46.777q.335.082.813.16a.5.5 0 1 1-.16.988a12 12 0 0 1-.884-.175c-.895-.213-1.333-1.07-1.22-1.887l.292-2.106l.006-.027a2.62 2.62 0 0 1 1.73-1.843l.685-.225q.23-.075.46-.137m14.229 0a1.07 1.07 0 0 0-.9.186c-.09.065-.214.145-.365.218a.5.5 0 0 0 .435.9a3.4 3.4 0 0 0 .517-.308a.2.2 0 0 1 .053-.027l.007-.001q.203.053.401.12l.686.224c.526.173.925.594 1.066 1.114l.283 2.049c.056.403-.156.705-.46.777a11 11 0 0 1-.813.16a.5.5 0 1 0 .16.988q.512-.085.884-.175c.895-.213 1.333-1.07 1.22-1.887l-.292-2.106l-.006-.027a2.62 2.62 0 0 0-1.73-1.843l-.685-.225a9 9 0 0 0-.46-.137"/><path fill="currentColor" d="M13.653 11.712c.396-.263.973-.47 1.583-.297q.24.067.477.145l.959.315a3.72 3.72 0 0 1 2.454 2.616l.01.04l.409 2.95c.161 1.164-.463 2.393-1.744 2.698c-1.17.279-3.053.571-5.8.571c-2.75 0-4.631-.292-5.802-.57c-1.281-.306-1.905-1.535-1.744-2.698l.408-2.95l.01-.04a3.72 3.72 0 0 1 2.455-2.617l.96-.315q.237-.077.476-.146c.61-.172 1.188.035 1.583.298c.36.238.942.524 1.653.524s1.294-.286 1.653-.524m1.175 1.146c-.048-.014-.171-.012-.345.103c-.502.333-1.373.775-2.483.775s-1.981-.442-2.482-.775c-.175-.115-.298-.117-.346-.103q-.21.06-.416.127l-.96.315a2.23 2.23 0 0 0-1.459 1.523l-.396 2.864c-.075.544.21.939.606 1.033c1.047.25 2.811.53 5.453.53s4.407-.28 5.453-.53c.396-.094.681-.489.606-1.033l-.396-2.864a2.23 2.23 0 0 0-1.46-1.523l-.958-.315a10 10 0 0 0-.417-.127"/></svg>

Как использовать иконку People Group

React

import { Icon } from "@iconify/react";

<Icon icon="stash:people-group" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="stash:people-group" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="stash:people-group" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--people-group]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:people-group"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="stash:people-group"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/stash/people-group.svg" alt="Иконка People Group" width="24" height="24">

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

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

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

Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

Установите @iconify/react и выведите <Icon icon="stash:people-group" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку People Group на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/people-group.svg" alt="Иконка People Group">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stash Icons →