Ikon Microsoft Todo
thesvg-color:microsoft-todo
Ikon Microsoft Todo (thesvg-color:microsoft-todo) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1008 × 822. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 1008 × 822
- Tag
- microsofttodo
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Ikon Microsoft Todo" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Microsoft Todo di set ikon lain
FAQ Ikon Microsoft Todo
Apakah ikon Microsoft Todo gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Microsoft Todo di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:microsoft-todo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Microsoft Todo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Ikon Microsoft Todo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
