authjs

PreviousNext
Docs
svglcomponent

Preview

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

const Authjs = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} fill="none" viewBox="0 0 210 232">
    <path
      fill="url(#a)"
      fillRule="evenodd"
      d="M208.687 31.859 30.095 167.73C8.164 127.966.568 79.998 0 51.228v-17.61c0-2.561 2.779-4.055 4.169-4.482C33.562 20.278 93.247 2.306 96.838 1.28 100.429.256 103.464 0 104.534 0h.097c1.069 0 4.104.256 7.696 1.28 3.591 1.025 63.276 18.998 92.669 27.856 1.034.317 2.836 1.225 3.691 2.723Z"
      clipRule="evenodd"
    />
    <path
      fill="url(#b)"
      fillRule="evenodd"
      d="m30.094 167.952 178.592-135.87c.295.516.478 1.102.478 1.759V51.45c-.962 48.773-22.126 152.722-99.083 178.336-1.068.427-3.591 1.281-5.13 1.281h-.739c-1.539 0-4.062-.854-5.13-1.281-31.563-10.505-53.74-34.186-68.988-61.834Z"
      clipRule="evenodd"
    />
    <path
      fill="url(#c)"
      fill-opacity=".21"
      d="M111.74 1.283C108.147.257 105.11 0 104.04 0l-.321 231.305h.642c1.54 0 4.064-.855 5.133-1.283 76.995-25.665 98.169-129.822 99.131-178.692V33.685c0-2.566-2.78-4.063-4.171-4.491-29.407-8.876-89.121-26.884-92.714-27.91Z"
    />
    <ellipse cx="104.905" cy="114.209" fill="#E3E2FA" rx="47.801" ry="47.48" />
    <path
      fill="url(#d)"
      fillRule="evenodd"
      d="M96.243 124.475c-3.635.321-12.832-1.283-17.323-5.133-4.823-4.134-7.379-9.624-7.379-17.645 0-9.95 8.983-20.532 21.495-20.21 11.883.304 19.898 7.002 21.494 17.644.833 5.553-.016 8.222-.676 10.295-.102.323-.2.631-.286.933-.321 1.07-.77 3.401 0 4.171.769.77 12.511 12.084 18.286 17.644.534.642 1.604 2.246 1.604 3.529v6.096c0 .962-.257 1.283-1.283 1.283h-12.833c-.748-.107-2.246-.834-2.246-2.887 0-2.189-.233-2.511-.7-3.156-.08-.111-.168-.232-.262-.373-.642-.963-1.925-.963-3.208-.963-1.283 0-2.246-.321-2.887-.962-.642-.642-.642-1.604-.321-2.887.321-1.284 0-2.567-.642-2.888a7.71 7.71 0 0 1-.353-.194c-.704-.4-1.827-1.038-3.176-.768-1.604.321-3.85 0-5.133-1.283-1.283-1.284-2.887-2.32-4.17-2.246Zm-8.662-24.381a4.812 4.812 0 1 0 0-9.625 4.812 4.812 0 0 0 0 9.625Z"
      clipRule="evenodd"
    />
    <defs>
      <linearGradient
        id="a"
        x1="19.57"
        x2="97.527"
        y1="96.564"
        y2="15.078"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#45FFC8" />
        <stop offset="1" stop-color="#1DBBF1" />
      </linearGradient>
      <linearGradient
        id="b"
        x1="73.786"
        x2="170.671"
        y1="143.724"
        y2="190.884"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#D14AE8" />
        <stop offset=".552" stop-color="#B628E3" />
        <stop offset="1" stop-color="#8315FD" />
      </linearGradient>
      <linearGradient
        id="c"
        x1="155.914"
        x2="155.914"
        y1="21.815"
        y2="182.542"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#20ABF5" />
        <stop offset=".398" stop-color="#2A8CC3" />
        <stop offset="1" stop-color="#A104DC" />
      </linearGradient>
      <linearGradient
        id="d"
        x1="90.148"
        x2="129.287"
        y1="99.452"
        y2="138.912"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#FE5B01" />
        <stop offset="1" stop-color="#FFB200" />
      </linearGradient>
    </defs>
  </svg>
);

export { Authjs };

Installation

npx shadcn@latest add @svgl/authjs

Usage

import { Authjs } from "@/components/authjs"
<Authjs />