microsoft-onenote

PreviousNext
Docs
svglcomponent

Preview

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

const MicrosoftOnenote = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="4 6 35 35.999">
    <path
      fill="url(#a)"
      d="M9 33.545A6.545 6.545 0 0 1 15.546 27H39v11.727a3.273 3.273 0 0 1-3.273 3.272l-20.592-.005A6.136 6.136 0 0 1 9 35.858v-2.313Z"
    />
    <path
      fill="url(#b)"
      d="m25 14.5 14-.5v12.727A3.273 3.273 0 0 1 35.727 30H25V14.5Z"
    />
    <path
      fill="url(#c)"
      d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6l.005-24.001Z"
    />
    <path
      fill="url(#d)"
      d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6l.005-24.001Z"
    />
    <rect width="16" height="16" x="4" y="23" fill="url(#e)" rx="3.25" />
    <rect
      width="16"
      height="16"
      x="4"
      y="23"
      fill="url(#f)"
      fill-opacity=".8"
      rx="3.25"
    />
    <path
      fill="#fff"
      d="M16.11 35.571h-2.077l-3.766-5.642c-.107-.17-.196-.317-.268-.44a4.047 4.047 0 0 1-.166-.319h-.025c.008.162.015.366.019.612.004.247.006.536.006.867v4.922H7.89V26.43h2.217l3.626 5.464c.077.123.151.248.223.376.077.123.147.246.21.37h.026a8.595 8.595 0 0 1-.019-.472 39.862 39.862 0 0 1-.006-.784v-4.954h1.943v9.142Z"
    />
    <defs>
      <radialGradient
        id="a"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(47.5733 0 0 20.0481 38.125 42)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".159" stop-color="#A931D8" />
        <stop offset=".566" stop-color="#6E1996" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(-15.08083 24.62608 -43.30136 -26.51744 41.158 4.198)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#FFC7A3" />
        <stop offset=".831" stop-color="#DE67FD" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(45 -25.763 16.328) scale(22.6274)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".072" stop-color="#AC13EB" />
        <stop offset=".879" stop-color="#580087" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(0 11.2 -12.9 0 12 32.6)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".585" stop-color="#841FB0" stop-opacity="0" />
        <stop offset=".969" stop-color="#D373FC" />
      </radialGradient>
      <linearGradient
        id="b"
        x1="45.284"
        x2="28.013"
        y1="22.752"
        y2="14.022"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".217" stop-color="#CA59F7" />
        <stop offset=".888" stop-color="#691A90" />
      </linearGradient>
      <linearGradient
        id="c"
        x1="40.327"
        x2="9.007"
        y1="13.764"
        y2="13.764"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".807" stop-color="#DE66FF" />
        <stop offset="1" stop-color="#FCB1FF" />
      </linearGradient>
    </defs>
  </svg>
);

export { MicrosoftOnenote };

Installation

npx shadcn@latest add @svgl/microsoft-onenote

Usage

import { MicrosoftOnenote } from "@/components/microsoft-onenote"
<MicrosoftOnenote />