ICONYZ
Français
Icône Group Light de Lets Icons

Icône Group Light

lets-icons:group-light

L'icône Group Light (lets-icons:group-light) est une icône SVG gratuite de la collection Lets Icons par Leonid Tsvetkov. Elle est dessinée sur une grille de 24 × 24. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Lets Icons
Auteur
Leonid Tsvetkov
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Utilisateurs et groupes
Mots-clés
grouplight
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><circle cx="12" cy="9" r="1.5" stroke="currentColor" stroke-linecap="round"/><path stroke="currentColor" d="M15.701 8.25a1.5 1.5 0 1 1 2.598 1.5a1.5 1.5 0 0 1-2.598-1.5Zm-10 0a1.5 1.5 0 1 1 2.598 1.5a1.5 1.5 0 0 1-2.598-1.5Z"/><path fill="currentColor" d="m20.364 15.512l.486-.116zM14.1 13.185l-.29-.406l-.533.38l.507.414zm1.28 2.325l-.489.103zm4.12.49h-5v1h5zm.378-.371a.25.25 0 0 1-.061.243a.43.43 0 0 1-.317.128v1c.8 0 1.57-.683 1.35-1.604zM16.5 13c1.226 0 1.99.409 2.482.912c.506.517.765 1.174.896 1.717l.972-.233c-.154-.642-.475-1.49-1.153-2.184C19.004 12.505 17.977 12 16.5 12zm-2.11.592c.478-.341 1.15-.592 2.11-.592v-1c-1.146 0-2.025.303-2.69.779zm-.606-.02c.653.534.964 1.362 1.107 2.04l.979-.205c-.162-.767-.54-1.863-1.454-2.609zm1.107 2.04a.28.28 0 0 1-.07.257a.44.44 0 0 1-.321.131v1c.804 0 1.561-.68 1.37-1.593zM9.9 13.185l.316.388l.507-.414l-.532-.38zm-6.264 2.327l.486.117zm4.984-.002l-.49-.103zM7.5 13c.96 0 1.631.25 2.11.592l.58-.814C9.526 12.304 8.647 12 7.5 12zm-3.378 2.629c.13-.543.39-1.2.896-1.717C5.51 13.409 6.274 13 7.5 13v-1c-1.478 0-2.504.505-3.197 1.212c-.678.693-1 1.542-1.153 2.184zM4.5 16a.43.43 0 0 1-.317-.128a.25.25 0 0 1-.06-.243l-.973-.233C2.93 16.317 3.7 17 4.5 17zm5 0h-5v1h5zm0 0a.44.44 0 0 1-.322-.13a.28.28 0 0 1-.07-.257l-.978-.206C7.938 16.319 8.696 17 9.5 17zm-.391-.387c.143-.68.454-1.507 1.107-2.04l-.632-.775c-.914.746-1.292 1.842-1.454 2.609z"/><path stroke="currentColor" stroke-linecap="round" d="M12 12.5c2.364 0 3.131 1.825 3.38 3.01c.114.54-.328.99-.88.99h-5c-.552 0-.994-.45-.88-.99c.249-1.185 1.016-3.01 3.38-3.01Zm6.5 9H20a1.5 1.5 0 0 0 1.5-1.5v-1.5m-3-16H20A1.5 1.5 0 0 1 21.5 4v1.5m-16 16H4A1.5 1.5 0 0 1 2.5 20v-1.5m3-16H4A1.5 1.5 0 0 0 2.5 4v1.5"/></g></svg>

Comment utiliser l'icône Group Light

React

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

<Icon icon="lets-icons:group-light" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:group-light" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:group-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--group-light]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="lets-icons:group-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/group-light.svg" alt="Icône Group Light" width="24" height="24">

Icônes similaires dans Lets Icons

FAQ : Icône Group Light

L'icône Group Light est-elle gratuite pour un usage commercial ?

Oui. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Group Light dans React ?

Installez @iconify/react et affichez <Icon icon="lets-icons:group-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Group Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lets-icons/group-light.svg" alt="Icône Group Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Lets Icons →