ICONYZ
Español
Icono Task List de Fluent UI MDL2

Icono Task List

fluent-mdl2:task-list

El icono Task List (fluent-mdl2:task-list) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 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 MDL2
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
2048 × 2048
Etiquetas
tasklist
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M768 256h1280v128H768zm0 768V896h1280v128zm0 640v-128h1280v128zM256 768q53 0 99 20t82 55t55 81t20 100q0 53-20 99t-55 82t-81 55t-100 20q-53 0-99-20t-82-55t-55-81t-20-100q0-53 20-99t55-82t81-55t100-20m0 400q30 0 56-11t45-31t31-46t12-56t-11-56t-31-45t-46-31t-56-12t-56 11t-45 31t-31 46t-12 56t11 56t31 45t46 31t56 12m0 240q53 0 99 20t82 55t55 81t20 100q0 53-20 99t-55 82t-81 55t-100 20q-53 0-99-20t-82-55t-55-81t-20-100q0-53 20-99t55-82t81-55t100-20m0 400q30 0 56-11t45-31t31-46t12-56t-11-56t-31-45t-46-31t-56-12t-56 11t-45 31t-31 46t-12 56t11 56t31 45t46 31t56 12M192 358L467 83l90 90l-365 365L19 365l90-90z"/></svg>

Cómo usar el icono Task List

React

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

<Icon icon="fluent-mdl2:task-list" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:task-list" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:task-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--task-list]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:task-list"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/task-list.svg" alt="Icono Task List" width="24" height="24">

Iconos relacionados en Fluent UI MDL2

El icono Task List en otras colecciones

Preguntas frecuentes sobre Icono Task List

¿El icono Task List es gratis para uso comercial?

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

¿Cómo uso el icono Task List en React?

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

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

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

Ver todos los Iconos Fluent UI MDL2 →