microsoft-word

PreviousNext
Docs
svglcomponent

Preview

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

const MicrosoftWord = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 486 500">
    <defs>
      <radialGradient
        id="a"
        cx="-689.34"
        cy="753.93"
        r="13.89"
        fx="-689.34"
        fy="753.93"
        gradientTransform="matrix(47.56 0 0 -20.15 33260.63 15691.18)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".18" stop-color="#1657f4" />
        <stop offset=".57" stop-color="#0036c4" />
      </radialGradient>
      <radialGradient
        id="c"
        cx="-730.97"
        cy="806.4"
        r="13.89"
        fx="-730.97"
        fy="806.4"
        gradientTransform="matrix(-20.22495 21.28288 52.40647 49.82267 -56559.12 -24498.36)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".14" stop-color="#d471ff" />
        <stop offset=".83" stop-color="#509df5" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="-682.21"
        cy="801.86"
        r="13.89"
        fx="-682.21"
        fy="801.86"
        gradientTransform="matrix(0 18.62 101.62 0 -81063.08 13022.32)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".28" stop-color="#4f006f" stop-opacity="0" />
        <stop offset="1" stop-color="#4f006f" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="-749.58"
        cy="798.74"
        r="13.89"
        fx="-749.58"
        fy="798.74"
        gradientTransform="matrix(-28.7167 6.70901 16.06567 68.78884 -33867.69 -49911.37)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".06" stop-color="#e4a7fe" />
        <stop offset=".54" stop-color="#e4a7fe" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="g"
        cx="-675.64"
        cy="797.48"
        r="13.89"
        fx="-675.64"
        fy="797.48"
        gradientTransform="matrix(15.99196 15.99755 15.99476 -15.99476 -1949 23805.98)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".08" stop-color="#367af2" />
        <stop offset=".87" stop-color="#001a8f" />
      </radialGradient>
      <radialGradient
        id="h"
        cx="-657.62"
        cy="854.65"
        r="13.89"
        fx="-657.62"
        fy="854.65"
        gradientTransform="matrix(0 11.2 12.76 0 -10796.09 7734.8)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".59" stop-color="#2763e5" stop-opacity="0" />
        <stop offset=".97" stop-color="#58aafe" />
      </radialGradient>
      <linearGradient
        id="b"
        x1="69.43"
        x2="388.45"
        y1="238.11"
        y2="238.11"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#66c0ff" />
        <stop offset=".26" stop-color="#0094f0" />
      </linearGradient>
      <linearGradient
        id="e"
        x1="69.48"
        x2="485.94"
        y1="380.04"
        y2="373.16"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#9deaff" />
        <stop offset=".2" stop-color="#3bd5ff" />
      </linearGradient>
    </defs>
    <path
      d="m69.43 376.25 194.4-237.36L486 293.13v158.26c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31-37.31-83.31-83.33v-40.42Z"
      style={{ fill: "url(#a)" }}
    />
    <path
      d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"
      style={{ fill: "url(#b)" }}
    />
    <path
      d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"
      style={{ fill: "url(#c)", fillOpacity: ".6" }}
    />
    <path
      d="M69.43 208.87c0-34.52 27.98-62.5 62.49-62.5h283.11L486 111.11v173.61c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33v-207.8Z"
      style={{ fill: "url(#d)", fillOpacity: ".1" }}
    />
    <path
      d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z"
      style={{ fill: "url(#e)" }}
    />
    <path
      d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0H437.4C464.24 0 486 21.76 486 48.61v69.44c0 26.85-21.76 48.61-48.6 48.61H152.74c-46.01 0-83.31 37.31-83.31 83.33V83.33Z"
      style={{ fill: "url(#f)", fillOpacity: ".8" }}
    />
    <rect
      width="222.17"
      height="222.22"
      y="236.11"
      rx="45.13"
      ry="45.13"
      style={{ fill: "url(#g)" }}
    />
    <rect
      width="222.17"
      height="222.22"
      y="236.11"
      rx="45.13"
      ry="45.13"
      style={{ fill: "url(#h)", fillOpacity: ".65" }}
    />
    <path
      d="M187.26 283.73 159.92 410.7l-32.69.02-16.14-76.19-16.9 76.19h-33L34.91 283.75h26.95l16.21 83.79 16.11-83.79h33.04l16.87 83.79 15.82-83.79 27.34-.02Z"
      style={{ fill: "#fff" }}
    />
  </svg>
);

export { MicrosoftWord };

Installation

npx shadcn@latest add @svgl/microsoft-word

Usage

import { MicrosoftWord } from "@/components/microsoft-word"
<MicrosoftWord />