microsoft-onedrive

PreviousNext
Docs
svglcomponent

Preview

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

const MicrosoftOnedrive = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 1000 615">
    <defs>
      <radialGradient
        id="a"
        cx="-446.23"
        cy="850.24"
        r="6.99"
        fx="-446.23"
        fy="850.24"
        gradientTransform="matrix(28.87975 32.00675 53.69646 -48.39975 -32750.77 55564.7)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#4894fe" />
        <stop offset=".7" stop-color="#0934b3" />
      </radialGradient>
      <radialGradient
        id="b"
        cx="-463.71"
        cy="855.09"
        r="6.99"
        fx="-463.71"
        fy="855.09"
        gradientTransform="matrix(-126.93754 135.45874 101.23704 94.7798 -144561.83 -18444.24)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".17" stop-color="#23c0fe" />
        <stop offset=".53" stop-color="#1c91ff" />
      </radialGradient>
      <radialGradient
        id="c"
        cx="-478.67"
        cy="847.12"
        r="6.99"
        fx="-478.67"
        fy="847.12"
        gradientTransform="matrix(-30.17956 -23.43498 -52.80172 67.93278 30509.91 -68620.88)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#fff" />
        <stop offset=".66" stop-color="#adc0ff" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="-484.89"
        cy="847.31"
        r="6.99"
        fx="-484.89"
        fy="847.31"
        gradientTransform="matrix(-33.90072 -26.53382 -39.69188 50.66325 17714.49 -55348.26)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#033acc" />
        <stop offset="1" stop-color="#368eff" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="-454.42"
        cy="853.18"
        r="6.99"
        fx="-454.42"
        fy="853.18"
        gradientTransform="matrix(38.74213 82.7056 94.03873 -44.01576 -62416.51 75114.97)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".59" stop-color="#3464e3" stop-opacity="0" />
        <stop offset="1" stop-color="#033acc" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="-465.3"
        cy="852.63"
        r="6.99"
        fx="-465.3"
        fy="852.63"
        gradientTransform="matrix(-101.35519 93.7574 146.5162 158.24743 -171232.53 -91444.13)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#4bfde8" />
        <stop offset=".54" stop-color="#4bfde8" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="h"
        cx="-445.42"
        cy="847.35"
        r="6.99"
        fx="-445.42"
        fy="847.35"
        gradientTransform="matrix(60.3777 22.14291 39.59688 -107.87213 -6264.92 101508.79)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#fff" />
        <stop offset=".79" stop-color="#fff" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="i"
        cx="-468.67"
        cy="861.39"
        r="6.99"
        fx="-468.67"
        fy="861.39"
        gradientTransform="matrix(-67.45933 53.77501 53.21816 66.68832 -76468.45 -32083.78)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#4bfde8" />
        <stop offset=".58" stop-color="#4bfde8" stop-opacity="0" />
      </radialGradient>
      <linearGradient
        id="g"
        x1="638.67"
        x2="638.67"
        y1="2.44"
        y2="421.76"
        gradientTransform="matrix(1 0 0 -1 0 617.01)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#0086ff" />
        <stop offset=".49" stop-color="#0bf" />
      </linearGradient>
    </defs>
    <path
      d="M276.36 94.08C123.48 94.08 9.21 209.84.6 338.79c5.33 27.79 22.83 82.65 50.24 79.84 34.26-3.52 120.56 0 194.17-123.26 53.77-90.04 164.37-201.29 31.35-201.29Z"
      style={{ fill: "url(#a)" }}
    />
    <path
      d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"
      style={{ fill: "url(#b)" }}
    />
    <path
      d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"
      style={{ fillOpacity: ".4", fill: "url(#c)" }}
    />
    <path
      d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"
      style={{ fill: "url(#d)" }}
    />
    <path
      d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"
      style={{ fill: "url(#e)", fillOpacity: ".6" }}
    />
    <path
      d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03-27.75 40.34-101.25 23.2-95.16-34.62a237.4 237.4 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"
      style={{ fillOpacity: ".9", fill: "url(#f)" }}
    />
    <path
      d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z"
      style={{ fill: "url(#g)" }}
    />
    <path
      d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z"
      style={{ fill: "url(#h)", fillOpacity: ".4" }}
    />
    <path
      d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77Z"
      style={{ fill: "url(#i)", fillOpacity: ".9" }}
    />
  </svg>
);

export { MicrosoftOnedrive };

Installation

npx shadcn@latest add @svgl/microsoft-onedrive

Usage

import { MicrosoftOnedrive } from "@/components/microsoft-onedrive"
<MicrosoftOnedrive />