Icône People Group Light
stash:people-group-light
L'icône People Group Light (stash:people-group-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- peoplegroup, grouplight, peoplegrouplight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.923 5.33a3.5 3.5 0 0 1 6.154 0a2.643 2.643 0 1 1-.1 3.512A3.5 3.5 0 0 1 12 10.5a3.5 3.5 0 0 1-2.976-1.657a2.643 2.643 0 1 1-.1-3.513m.633 1.14a2.65 2.65 0 0 1 .035 1.199a2.501 2.501 0 0 0 4.819 0a2.66 2.66 0 0 1 .034-1.2a2.501 2.501 0 0 0-4.888 0m-1.026.072a1.643 1.643 0 1 0 .031 1.114a3.5 3.5 0 0 1-.031-1.114m6.909 1.113a1.644 1.644 0 1 0 .031-1.113a3.5 3.5 0 0 1-.031 1.113M4.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.005-.001h.002q.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.791 11.92c.359-.238.86-.41 1.377-.265q.234.066.467.143l.959.315a3.47 3.47 0 0 1 2.29 2.44l.007.027l.406 2.936c.147 1.06-.42 2.15-1.554 2.42c-1.15.274-3.012.564-5.743.564c-2.73 0-4.593-.29-5.743-.564c-1.134-.27-1.701-1.36-1.554-2.42l.406-2.936l.007-.027a3.47 3.47 0 0 1 2.29-2.44l.96-.315q.232-.077.466-.143c.517-.146 1.018.027 1.377.265c.383.254 1.013.566 1.791.566s1.409-.312 1.791-.566m1.105.697c-.142-.04-.34-.004-.552.136c-.477.317-1.3.733-2.344.733s-1.867-.416-2.344-.733c-.211-.14-.41-.176-.552-.136q-.215.06-.426.13l-.96.316a2.48 2.48 0 0 0-1.626 1.71l-.399 2.88c-.09.647.253 1.18.796 1.31c1.067.255 2.852.537 5.511.537s4.444-.282 5.511-.537c.543-.13.885-.663.796-1.31l-.399-2.88a2.48 2.48 0 0 0-1.626-1.71l-.96-.315q-.211-.07-.426-.13"/></svg>Comment utiliser l'icône People Group Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:people-group-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:people-group-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:people-group-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--people-group-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:people-group-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:people-group-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/people-group-light.svg" alt="Icône People Group Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône People Group Light
L'icône People Group Light est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône People Group Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:people-group-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône People Group Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/people-group-light.svg" alt="Icône People Group Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.