microsoft-teams

PreviousNext
Docs
svglcomponent

Preview

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

const MicrosoftTeams = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="4 4 36 38">
    <path
      fill="url(#a)"
      d="M22 20h12a6 6 0 0 1 6 6v10a6 6 0 0 1-12 0V26a6 6 0 0 0-6-6Z"
    />
    <path
      fill="url(#b)"
      d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"
    />
    <path
      fill="url(#c)"
      fill-opacity=".7"
      d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"
    />
    <path
      fill="url(#d)"
      fill-opacity=".7"
      d="M8 24a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v12a6 6 0 0 0 6 6H18c-5.523 0-10-4.477-10-10v-8Z"
    />
    <path fill="url(#e)" d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z" />
    <path
      fill="url(#f)"
      fill-opacity=".46"
      d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"
    />
    <path
      fill="url(#g)"
      fill-opacity=".4"
      d="M33 18a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"
    />
    <path fill="url(#h)" d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" />
    <path
      fill="url(#i)"
      fill-opacity=".6"
      d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"
    />
    <path
      fill="url(#j)"
      fill-opacity=".5"
      d="M18 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"
    />
    <rect width="16" height="16" x="4" y="23" fill="url(#k)" rx="3.25" />
    <rect
      width="16"
      height="16"
      x="4"
      y="23"
      fill="url(#l)"
      fill-opacity=".7"
      rx="3.25"
    />
    <path
      fill="#fff"
      d="M15.48 28.105h-2.448v7.466h-2.065v-7.466H8.52V26.43h6.96v1.676Z"
    />
    <defs>
      <radialGradient
        id="a"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(13.4784 0 0 33.2694 39.797 22.174)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#A98AFF" />
        <stop offset=".14" stop-color="#8C75FF" />
        <stop offset=".565" stop-color="#5F50E2" />
        <stop offset=".9" stop-color="#3C2CB8" />
      </radialGradient>
      <radialGradient
        id="b"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(12.1875 30.39997 -30.74442 12.3256 8.812 16.4)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#85C2FF" />
        <stop offset=".69" stop-color="#7588FF" />
        <stop offset="1" stop-color="#6459FE" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(113.326 8.093 17.645) scale(19.2186 15.4273)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#BD96FF" />
        <stop offset=".687" stop-color="#BD96FF" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="e"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(0 -10 12.6216 0 33 11.571)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".268" stop-color="#6868F7" />
        <stop offset="1" stop-color="#3923B1" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(5.47024 4.59847 -6.65117 7.91208 28.867 10.544)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".271" stop-color="#A1D3FF" />
        <stop offset=".813" stop-color="#A1D3FF" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="g"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(-41.658 32.118 -43.42) scale(8.51275 20.8824)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#E3ACFD" />
        <stop offset=".816" stop-color="#9FA2FF" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="h"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(0 -12 15.146 0 18 8.286)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".268" stop-color="#8282FF" />
        <stop offset="1" stop-color="#3923B1" />
      </radialGradient>
      <radialGradient
        id="i"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(40.052 -3.155 21.416) scale(8.57554 12.4035)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".271" stop-color="#A1D3FF" />
        <stop offset=".813" stop-color="#A1D3FF" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="j"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(-41.658 20.382 -26.516) scale(10.2153 25.0589)"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#E3ACFD" />
        <stop offset=".816" stop-color="#9FA2FF" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="k"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="rotate(45 -25.763 16.328) scale(22.6274)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".047" stop-color="#688EFF" />
        <stop offset=".947" stop-color="#230F94" />
      </radialGradient>
      <radialGradient
        id="l"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(0 11.2 -13.0702 0 12 32.6)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".571" stop-color="#6965F6" stop-opacity="0" />
        <stop offset="1" stop-color="#8F8FFF" />
      </radialGradient>
      <linearGradient
        id="c"
        x1="20.594"
        x2="20.594"
        y1="18"
        y2="42"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".801" stop-color="#6864F6" stop-opacity="0" />
        <stop offset="1" stop-color="#5149DE" />
      </linearGradient>
    </defs>
  </svg>
);

export { MicrosoftTeams };

Installation

npx shadcn@latest add @svgl/microsoft-teams

Usage

import { MicrosoftTeams } from "@/components/microsoft-teams"
<MicrosoftTeams />