microsoft-todo

PreviousNext
Docs
svglcomponent

Preview

Loading preview…
././static/components-generated/microsoftTodo.tsx
import type { SVGProps } from "react";

const MicrosoftTodo = (props: SVGProps<SVGSVGElement>) => (
  <svg
    {...props}
    xmlnsXlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 1007.922 821.827"
  >
    <title>Todo</title>
    <rect
      x="694.422"
      y="269.785"
      width="42.5"
      height="736.5"
      transform="translate(652.71 -435.701) rotate(45)"
    />
    <g>
      <circle cx="402.137" cy="736.827" r="85" />
    </g>
    <g>
      <circle cx="922.922" cy="216.043" r="85" />
    </g>
    <rect
      x="185.305"
      y="515.608"
      width="42.5"
      height="448.5"
      transform="translate(867.705 1000.439) rotate(135)"
    />
    <g>
      <circle cx="85" cy="419.69" r="85" />
    </g>
    <rect
      x="164.378"
      y="319.982"
      width="288"
      height="576"
      rx="42.5"
      transform="translate(-347.651 279.609) rotate(-45)"
    />
    <rect
      x="469.848"
      y="74.159"
      width="288"
      height="864"
      rx="42.5"
      transform="translate(529.636 -402.327) rotate(45)"
    />
  </svg>
);

export { MicrosoftTodo };

Installation

npx shadcn@latest add @svgl/microsoft-todo

Usage

import { MicrosoftTodo } from "@/components/microsoft-todo"
<MicrosoftTodo />