ICONYZ
Español
Icono Group List 24 Filled de Fluent UI System Icons

Icono Group List 24 Filled

fluent:group-list-24-filled

El icono Group List 24 Filled (fluent:group-list-24-filled) es un icono SVG gratuito de la colección Fluent UI System Icons de Microsoft Corporation. Está dibujado en una cuadrícula de 24 × 24. Fluent UI System Icons se publican bajo la licencia MIT, 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
Fluent UI System Icons
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
24 × 24
Etiquetas
grouplist, listfilled, grouplistfilled
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m3.001 11.996l3 .004a1 1 0 0 1 .114 1.993L6 14l-2-.004v5.003L6 19a1 1 0 0 1 .993.883L7 20a1 1 0 0 1-.883.993L6 21H3a1 1 0 0 1-.993-.883L2 20v-7.004a1 1 0 0 1 .885-.994zM21 17a1 1 0 0 1 .117 1.993L21 19H9a1 1 0 0 1-.117-1.993L9 17zm0-3a1 1 0 0 1 .117 1.993L21 16H9a1 1 0 0 1-.117-1.993L9 14zM6 2a1 1 0 0 1 .117 1.993L6 4H4v4.995h2a1 1 0 0 1 .993.883L7 9.995a1 1 0 0 1-.883.993L6 10.995H3a1 1 0 0 1-.993-.883L2 9.995V3a1 1 0 0 1 .883-.993L3 2zm15 5a1 1 0 0 1 .117 1.993L21 9H9a1 1 0 0 1-.117-1.993L9 7zm0-3a1 1 0 0 1 .117 1.993L21 6H9a1 1 0 0 1-.117-1.993L9 4z"/></svg>

Cómo usar el icono Group List 24 Filled

React

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

<Icon icon="fluent:group-list-24-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:group-list-24-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:group-list-24-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--group-list-24-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:group-list-24-filled"></div>

Web component

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

<iconify-icon icon="fluent:group-list-24-filled"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent/group-list-24-filled.svg" alt="Icono Group List 24 Filled" width="24" height="24">

Iconos relacionados en Fluent UI System Icons

Preguntas frecuentes sobre Icono Group List 24 Filled

¿El icono Group List 24 Filled es gratis para uso comercial?

Sí. Fluent UI System Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Group List 24 Filled en React?

Instala @iconify/react y renderiza <Icon icon="fluent:group-list-24-filled" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Group List 24 Filled a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent/group-list-24-filled.svg" alt="Icono Group List 24 Filled">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Fluent UI System Icons →