basewell

PreviousNext
Docs
svglcomponent

Preview

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

const Basewell = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 165 165" fill="none">
    <path
      fill="#5DE8E8"
      d="M3 108.401c0-21.353 17.31-38.664 38.664-38.664H77.59c22.865 0 41.4 18.536 41.4 41.4 0 22.865-18.535 41.4-41.4 41.4H3v-44.136Z"
    />
    <path
      fill="#2B4FF1"
      d="M46.792 52.664C46.792 31.31 64.102 14 85.456 14h35.928c22.864 0 41.4 18.535 41.4 41.4s-18.536 41.4-41.401 41.4h-74.59V52.664Z"
    />
    <mask
      id="a"
      width="116"
      height="84"
      x="3"
      y="69"
      maskUnits="userSpaceOnUse"
      style={{ maskType: "alpha" }}
    >
      <path
        fill="#5DE8E8"
        d="M3 108.401c0-21.353 17.31-38.664 38.664-38.664H77.59c22.865 0 41.4 18.536 41.4 41.4 0 22.865-18.535 41.4-41.4 41.4H3v-44.136Z"
      />
    </mask>
    <g mask="url(#a)">
      <path
        fill="#00A5FD"
        d="M46.792 52.664C46.792 31.31 64.102 14 85.456 14h35.928c22.864 0 41.4 18.535 41.4 41.4s-18.536 41.4-41.401 41.4h-74.59V52.664Z"
      />
    </g>
  </svg>
);

export { Basewell };

Installation

npx shadcn@latest add @svgl/basewell

Usage

import { Basewell } from "@/components/basewell"
<Basewell />