const OneDriveLogo = ({ className }: { className?: string }) => (
  <svg
    width="17"
    height="12"
    viewBox="0 0 17 12"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <title>OneDrive Logo</title>
    <g clipPath="url(#clip0_3016_367)">
      <path
        d="M5.2316 2.32803C2.88332 2.3281 1.128 4.25034 0.99585 6.39175C1.07765 6.85315 1.34653 7.7643 1.76759 7.71751C2.29391 7.65902 3.61947 7.71751 4.75008 5.67068C5.57599 4.17546 7.27498 2.328 5.2316 2.32803Z"
        fill="url(#paint0_radial_3016_367)"
      />
      <path
        d="M4.68864 3.12741C3.89927 4.37718 2.83674 6.16798 2.47813 6.7315C2.05185 7.40136 0.922937 7.11678 1.01646 6.15663C1.00724 6.23457 1.00016 6.31315 0.995274 6.39226C0.840839 8.89029 2.82143 10.9648 5.28604 10.9648C8.00238 10.9648 14.4806 7.58038 13.825 4.18931C13.134 2.19599 11.1918 0.766266 8.99072 0.766266C6.78965 0.766266 5.37899 2.03436 4.68864 3.12741Z"
        fill="url(#paint1_radial_3016_367)"
      />
      <path
        d="M4.68864 3.12741C3.89927 4.37718 2.83674 6.16798 2.47813 6.7315C2.05185 7.40136 0.922937 7.11678 1.01646 6.15663C1.00724 6.23457 1.00016 6.31315 0.995274 6.39226C0.840839 8.89029 2.82143 10.9648 5.28604 10.9648C8.00238 10.9648 14.4806 7.58038 13.825 4.18931C13.134 2.19599 11.1918 0.766266 8.99072 0.766266C6.78965 0.766266 5.37899 2.03436 4.68864 3.12741Z"
        fill="url(#paint2_radial_3016_367)"
        fillOpacity="0.4"
      />
      <path
        d="M4.68864 3.12741C3.89927 4.37718 2.83674 6.16798 2.47813 6.7315C2.05185 7.40136 0.922937 7.11678 1.01646 6.15663C1.00724 6.23457 1.00016 6.31315 0.995274 6.39226C0.840839 8.89029 2.82143 10.9648 5.28604 10.9648C8.00238 10.9648 14.4806 7.58038 13.825 4.18931C13.134 2.19599 11.1918 0.766266 8.99072 0.766266C6.78965 0.766266 5.37899 2.03436 4.68864 3.12741Z"
        fill="url(#paint3_radial_3016_367)"
      />
      <path
        d="M4.68864 3.12741C3.89927 4.37718 2.83674 6.16798 2.47813 6.7315C2.05185 7.40136 0.922937 7.11678 1.01646 6.15663C1.00724 6.23457 1.00016 6.31315 0.995274 6.39226C0.840839 8.89029 2.82143 10.9648 5.28604 10.9648C8.00238 10.9648 14.4806 7.58038 13.825 4.18931C13.134 2.19599 11.1918 0.766266 8.99072 0.766266C6.78965 0.766266 5.37899 2.03436 4.68864 3.12741Z"
        fill="url(#paint4_radial_3016_367)"
        fillOpacity="0.6"
      />
      <path
        d="M4.68864 3.12741C3.89927 4.37718 2.83674 6.16798 2.47813 6.7315C2.05185 7.40136 0.922937 7.11678 1.01646 6.15663C1.00724 6.23457 1.00016 6.31315 0.995274 6.39226C0.840839 8.89029 2.82143 10.9648 5.28604 10.9648C8.00238 10.9648 14.4806 7.58038 13.825 4.18931C13.134 2.19599 11.1918 0.766266 8.99072 0.766266C6.78965 0.766266 5.37899 2.03436 4.68864 3.12741Z"
        fill="url(#paint5_radial_3016_367)"
        fillOpacity="0.9"
      />
      <path
        d="M5.24634 10.9659C5.24634 10.9659 11.7322 10.9786 12.8323 10.9786C14.8288 10.9786 16.3467 9.34866 16.3468 7.44669C16.3468 5.54468 14.7983 3.92459 12.8323 3.92459C10.8663 3.92459 9.73412 5.39542 8.88374 7.00089C7.8873 8.88221 6.61615 10.9433 5.24634 10.9659Z"
        fill="url(#paint6_linear_3016_367)"
      />
      <path
        d="M5.24634 10.9659C5.24634 10.9659 11.7322 10.9786 12.8323 10.9786C14.8288 10.9786 16.3467 9.34866 16.3468 7.44669C16.3468 5.54468 14.7983 3.92459 12.8323 3.92459C10.8663 3.92459 9.73412 5.39542 8.88374 7.00089C7.8873 8.88221 6.61615 10.9433 5.24634 10.9659Z"
        fill="url(#paint7_radial_3016_367)"
        fillOpacity="0.4"
      />
      <path
        d="M5.24634 10.9659C5.24634 10.9659 11.7322 10.9786 12.8323 10.9786C14.8288 10.9786 16.3467 9.34866 16.3468 7.44669C16.3468 5.54468 14.7983 3.92459 12.8323 3.92459C10.8663 3.92459 9.73412 5.39542 8.88374 7.00089C7.8873 8.88221 6.61615 10.9433 5.24634 10.9659Z"
        fill="url(#paint8_radial_3016_367)"
        fillOpacity="0.9"
      />
    </g>
    <defs>
      <radialGradient
        id="paint0_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(1.28709 2.88928) rotate(50.1526) scale(4.84121 8.03004)"
      >
        <stop stopColor="#4894FE" />
        <stop offset="0.695072" stopColor="#0934B3" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.2836 -2.68456) rotate(130.923) scale(20.8177 15.4261)"
      >
        <stop offset="0.165327" stopColor="#23C0FE" />
        <stop offset="0.534" stopColor="#1C91FF" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.42852 3.16495) rotate(-139.986) scale(4.23243 9.68892)"
      >
        <stop stopColor="white" />
        <stop offset="0.660528" stopColor="#ADC0FF" stopOpacity="0" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.03076 8.16737) rotate(-139.764) scale(4.77056 7.24512)"
      >
        <stop stopColor="#033ACC" />
        <stop offset="1" stopColor="#368EFF" stopOpacity="0" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.14837 0.44361) rotate(66.5713) scale(10.4677 11.3005)"
      >
        <stop offset="0.592618" stopColor="#3464E3" stopOpacity="0" />
        <stop offset="1" stopColor="#033ACC" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1157 -1.59739) rotate(135) scale(15.3977 24.123)"
      >
        <stop stopColor="#4BFDE8" />
        <stop offset="0.543937" stopColor="#4BFDE8" stopOpacity="0" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_3016_367"
        x1="10.8"
        y1="10.9715"
        x2="10.8"
        y2="4.00825"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0086FF" />
        <stop offset="0.49" stopColor="#00BBFF" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.16132 4.75417) rotate(21.6324) scale(6.97728 13.2126)"
      >
        <stop stopColor="white" />
        <stop offset="0.785262" stopColor="white" stopOpacity="0" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_3016_367"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1298 3.37785) rotate(139.243) scale(9.56565 9.59808)"
      >
        <stop stopColor="#4BFDE8" />
        <stop offset="0.584724" stopColor="#4BFDE8" stopOpacity="0" />
      </radialGradient>
      <clipPath id="clip0_3016_367">
        <rect
          width="15.6444"
          height="10.6667"
          fill="white"
          transform="translate(0.844482 0.666672)"
        />
      </clipPath>
    </defs>
  </svg>
);

export default OneDriveLogo;
