Icono Microsoft Todo
thesvg-color:microsoft-todo
El icono Microsoft Todo (thesvg-color:microsoft-todo) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1008 × 822. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 1008 × 822
- Etiquetas
- microsofttodo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1008" height="822" viewBox="0 0 1008 822"><defs><radialGradient id="SVGCeNgpd9J" cx="410.201" cy="853.349" r="85" gradientTransform="rotate(45 546.823 785.354)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-opacity=".13"/><stop offset=".994" stop-opacity="0"/></radialGradient><radialGradient id="SVGWU1ZYbIl" cx="1051.126" cy="1265.852" r="85" gradientTransform="rotate(225 769.601 767.5)" href="#SVGCeNgpd9J"/><radialGradient id="SVG4NJF0car" cx="27.608" cy="2001.37" r="85" gradientTransform="rotate(135 356.272 1233.852)scale(-1 1)" href="#SVGCeNgpd9J"/><linearGradient id="SVGlAnmAddm" x1="700.766" x2="749.765" y1="597.024" y2="597.024" gradientTransform="matrix(.867 0 0 1.307 86.603 -142.296)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".13"/><stop offset=".994" stop-opacity="0"/></linearGradient><linearGradient id="SVGKxxVcbDe" x1="1880.8" x2="1929.799" y1="34.286" y2="34.286" gradientTransform="matrix(.867 0 0 -.796 -1446.031 767.147)" href="#SVGlAnmAddm"/><linearGradient id="SVG6XaDXRsp" x1="308.378" x2="919.318" y1="811.629" y2="200.689" gradientTransform="rotate(-45 613.848 506.16)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2987e6"/><stop offset=".994" stop-color="#58c1f5"/></linearGradient><mask id="SVGUY2oePJX" width="170" height="205.208" x="317.137" y="651.827" maskUnits="userSpaceOnUse"><path fill="#fff" d="m402.137 736.828l60.104 60.104l-60.104 60.104l-60.104-60.104z"/></mask><mask id="SVGpzh00czZ" width="205.208" height="205.208" x="837.922" y="95.835" maskUnits="userSpaceOnUse"><path fill="#fff" d="M983.025 276.147L862.816 155.94l60.104-60.104l120.209 120.208z"/></mask><mask id="SVGtCUsdcGz" width="205.208" height="205.208" x="-35.208" y="299.482" maskUnits="userSpaceOnUse"><path fill="#fff" d="M-35.209 419.69L84.999 299.483l60.104 60.105L24.895 479.795z"/></mask></defs><path fill="url(#SVGlAnmAddm)" d="M694.422 269.785h42.5v736.5h-42.5z" transform="rotate(45 852.293 570.04)"/><g mask="url(#SVGUY2oePJX)"><circle cx="402.137" cy="736.827" r="85" fill="url(#SVGCeNgpd9J)"/></g><g mask="url(#SVGpzh00czZ)"><circle cx="922.922" cy="216.043" r="85" fill="url(#SVGWU1ZYbIl)"/></g><path fill="url(#SVGKxxVcbDe)" d="M185.305 515.608h42.5v448.5h-42.5z" transform="rotate(135 226.655 679.927)"/><g mask="url(#SVGtCUsdcGz)"><circle cx="85" cy="419.69" r="85" fill="url(#SVG4NJF0car)"/></g><rect width="288" height="576" x="164.378" y="319.982" fill="#195abd" rx="42.5" transform="rotate(-45 163.692 559.456)"/><rect width="288" height="864" x="469.848" y="74.159" fill="url(#SVG6XaDXRsp)" rx="42.5" transform="rotate(45 750.47 438.164)"/></svg>
Cómo usar el icono Microsoft Todo
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-todo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-todo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-todo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-todo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-todo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-todo"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Icono Microsoft Todo" width="24" height="24">
Iconos relacionados en theSVG Color
El icono Microsoft Todo en otras colecciones
Preguntas frecuentes sobre Icono Microsoft Todo
¿El icono Microsoft Todo es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Microsoft Todo en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:microsoft-todo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Microsoft Todo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Icono Microsoft Todo">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
