Microsoft Todo ikonu

thesvg-color:microsoft-todo

Microsoft Todo ikonu (thesvg-color:microsoft-todo), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 1008 × 822 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: theSVG Color
Yazar: thesvg.org
Lisans: MIT
Boyut: 1008 × 822
Etiketler: microsofttodo

SVG indir

SVG kodu

<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>

Microsoft Todo ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Microsoft Todo ikonu" width="24" height="24">

theSVG Color setindeki benzer ikonlar

Diğer ikon setlerinde Microsoft Todo ikonu

Microsoft Todo ikonu: sık sorulan sorular

Microsoft Todo ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Microsoft Todo ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:microsoft-todo" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Microsoft Todo ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-todo.svg" alt="Microsoft Todo ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →