Icono Groups 3 Outline Rounded
material-symbols-light:groups-3-outline-rounded
El icono Groups 3 Outline Rounded (material-symbols-light:groups-3-outline-rounded) es un icono SVG gratuito de la colección Material Symbols Light de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols Light icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Symbols Light
- Autor
- Google
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Social
- Etiquetas
- abstract, body, club, collaboration, crowd, gathering, groups, human, meeting, people, person, social, teams, groupsoutline, outlinerounded, groupsoutlinerounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.539 13.948l1.736-1.736l-1.737-1.737l-1.736 1.737zm13.192-.294l1.769-2.846l1.789 2.846zM12.007 13q-.91 0-1.555-.64q-.644-.639-.644-1.552q0-.932.639-1.562q.64-.63 1.553-.63q.932 0 1.562.628t.63 1.557q0 .91-.628 1.555T12.007 13M12 9.615q-.483 0-.837.343q-.355.343-.355.85q0 .482.355.837q.354.355.847.355q.492 0 .837-.355t.345-.847t-.342-.837t-.85-.346M1 16.846v-.132q0-.927.979-1.532t2.54-.605q.287 0 .548.022t.499.072q-.216.385-.333.808t-.117.902v1.196H1.73q-.31 0-.521-.21q-.21-.21-.21-.52m6-.078v-.317q0-1.24 1.387-1.971t3.618-.731q2.253 0 3.624.73Q17 15.213 17 16.453v.317q0 .344-.232.576t-.576.232H7.816q-.356 0-.586-.232T7 16.769m12.5-2.192q1.575 0 2.538.605T23 16.714v.132q0 .31-.21.52t-.52.211h-3.386v-1.2q0-.479-.104-.9q-.105-.421-.315-.806q.237-.05.5-.072q.262-.022.535-.022m-7.502.173q-1.692 0-2.807.452q-1.116.452-1.162 1.164v.211h7.948v-.212q-.052-.711-1.155-1.163t-2.824-.452M12 16.577"/></svg>
Cómo usar el icono Groups 3 Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:groups-3-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:groups-3-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:groups-3-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--groups-3-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:groups-3-outline-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:groups-3-outline-rounded"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/groups-3-outline-rounded.svg" alt="Icono Groups 3 Outline Rounded" width="24" height="24">
Iconos relacionados en Material Symbols Light
El icono Groups 3 Outline Rounded en otras colecciones
Preguntas frecuentes sobre Icono Groups 3 Outline Rounded
¿El icono Groups 3 Outline Rounded es gratis para uso comercial?
Sí. Material Symbols Light icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Groups 3 Outline Rounded en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols-light:groups-3-outline-rounded" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Groups 3 Outline Rounded a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols-light/groups-3-outline-rounded.svg" alt="Icono Groups 3 Outline Rounded">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Symbols Light →
ICONYZ
