microsoft-access

PreviousNext
Docs
svglcomponent

Preview

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

const MicrosoftAccess = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 437.5 500">
    <defs>
      <radialGradient
        id="b"
        cx="-699.58"
        cy="815.89"
        r="12.5"
        fx="-699.58"
        fy="815.89"
        gradientTransform="matrix(0 15 38.73 0 -31347.2 10806.25)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".21" stop-color="#560b14" />
        <stop offset=".6" stop-color="#560b14" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="d"
        cx="-707.25"
        cy="815.89"
        r="12.5"
        fx="-707.25"
        fy="815.89"
        gradientTransform="matrix(0 15 38.73 0 -31347.2 10796.25)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".21" stop-color="#560b14" />
        <stop offset=".75" stop-color="#560b14" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="f"
        cx="-714.92"
        cy="815.89"
        r="12.5"
        fx="-714.92"
        fy="815.89"
        gradientTransform="matrix(0 15 38.73 0 -31347.2 10786.25)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".21" stop-color="#ff9fb2" />
        <stop offset=".63" stop-color="#ff9fb2" stop-opacity="0" />
      </radialGradient>
      <radialGradient
        id="h"
        cx="-699.09"
        cy="798.2"
        r="12.5"
        fx="-699.09"
        fy="798.2"
        gradientTransform="scale(22.63 -22.63) rotate(-45 -1325.567 -449.97)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#e82c58" />
        <stop offset=".94" stop-color="#aa1d2d" />
      </radialGradient>
      <radialGradient
        id="i"
        cx="-682.94"
        cy="855.76"
        r="12.5"
        fx="-682.94"
        fy="855.76"
        gradientTransform="matrix(0 11.2 12.75 0 -10811 8006.4)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset=".58" stop-color="#ff5778" stop-opacity="0" />
        <stop offset=".97" stop-color="#ff9fb2" />
      </radialGradient>
      <linearGradient
        id="a"
        x1="437.5"
        x2="62.5"
        y1="95.75"
        y2="95.75"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#9c0d55" />
        <stop offset=".51" stop-color="#a61727" />
        <stop offset="1" stop-color="#8a1421" />
      </linearGradient>
      <linearGradient
        id="c"
        x1="437.5"
        x2="62.5"
        y1="220.75"
        y2="220.75"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#f24a9d" />
        <stop offset=".51" stop-color="#e82c41" />
        <stop offset="1" stop-color="#ca2134" />
      </linearGradient>
      <linearGradient
        id="e"
        x1="437.5"
        x2="62.5"
        y1="345.75"
        y2="345.75"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#f97dbd" />
        <stop offset=".51" stop-color="#fb5b6c" />
        <stop offset="1" stop-color="#f83f54" />
      </linearGradient>
      <linearGradient
        id="g"
        x1="271.29"
        x2="223.89"
        y1="519.33"
        y2="341.57"
        gradientTransform="matrix(1 0 0 -1 0 502)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stop-color="#f97dbd" />
        <stop offset=".9" stop-color="#ff9fb2" />
      </linearGradient>
    </defs>
    <path
      d="M437.5 312.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 472.02 62.5 437.5v-125h375Z"
      style={{ fill: "url(#a)" }}
    />
    <path
      d="M437.5 312.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 472.02 62.5 437.5v-125h375Z"
      style={{ fill: "url(#b)", fillOpacity: ".7" }}
    />
    <path
      d="M437.5 187.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 347.02 62.5 312.5v-125h375Z"
      style={{ fill: "url(#c)" }}
    />
    <path
      d="M437.5 187.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 347.02 62.5 312.5v-125h375Z"
      style={{ fill: "url(#d)", fillOpacity: ".3" }}
    />
    <path
      d="M437.5 62.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 222.02 62.5 187.5v-125h375Z"
      style={{ fill: "url(#e)" }}
    />
    <path
      d="M437.5 62.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 222.02 62.5 187.5v-125h375Z"
      style={{ fill: "url(#f)", fillOpacity: ".4" }}
    />
    <path
      d="M250 125C146.45 125 62.5 97.02 62.5 62.5S146.45 0 250 0s187.5 27.98 187.5 62.5S353.55 125 250 125Z"
      style={{ fill: "url(#g)" }}
    />
    <rect
      width="200"
      height="200"
      y="237.5"
      rx="40.62"
      ry="40.62"
      style={{ fill: "url(#h)" }}
    />
    <rect
      width="200"
      height="200"
      y="237.5"
      rx="40.62"
      ry="40.62"
      style={{ fill: "url(#i)", fillOpacity: ".5" }}
    />
    <path
      d="m44.2 394.63 40.97-114.31h30.53l40.02 114.31h-27.1l-7.89-22.88H78.8l-7.73 22.88H44.21Zm40.5-43.92h29.89l-12.2-39.93c-.43-1.43-.82-2.74-1.2-3.91a74.27 74.27 0 0 1-1.12-4.22h-.64c-.32 1.33-.67 2.63-1.04 3.91-.37 1.27-.8 2.66-1.28 4.15l-12.43 40.01Z"
      style={{ fill: "#fff" }}
    />
  </svg>
);

export { MicrosoftAccess };

Installation

npx shadcn@latest add @svgl/microsoft-access

Usage

import { MicrosoftAccess } from "@/components/microsoft-access"
<MicrosoftAccess />