LoginImg.tsx

import * as React from 'react';
import { SVGProps } from 'react';
import type { IconProps } from '@assets/iconProps';

const LoginImg = (props: IconProps) => (
  <svg
    viewBox="0 0 335 300"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <ellipse cx={218.608} cy={247.122} rx={42.419} ry={9.878} fill="#EADDFF" />
    <circle cx={121.5} cy={87.5} r={46.5} fill="#F6F1FF" />
    <circle cx={199} cy={94} r={18} fill="#F6F1FF" />
    <circle cx={144.5} cy={155.5} r={9.5} fill="#EADDFF" />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M185.998 128c-8.627 0-15.62 6.993-15.62 15.619v66.383c0 8.627 6.993 15.62 15.62 15.62h19.524l12.126 15.59a1.952 1.952 0 0 0 3.082 0l12.126-15.59h19.525c8.626 0 15.619-6.993 15.619-15.62v-66.383c0-8.626-6.993-15.619-15.619-15.619h-66.383Z"
      fill="#8C46FF"
    />
    <path
      d="M187.374 162.058c-1.745-.609-1.745-3.077 0-3.686l8.145-2.843a1.954 1.954 0 0 0 1.178-1.139l3.099-8.015c.644-1.664 2.999-1.664 3.642 0l3.1 8.015c.206.534.637.95 1.178 1.139l8.145 2.843c1.745.609 1.745 3.077 0 3.686l-8.145 2.844a1.949 1.949 0 0 0-1.178 1.139l-3.1 8.014c-.643 1.664-2.998 1.664-3.642 0l-3.099-8.014a1.951 1.951 0 0 0-1.178-1.139l-8.145-2.844Z"
      fill="#fff"
    />
    <rect
      opacity={0.3}
      x={185.998}
      y={186.573}
      width={42.953}
      height={7.81}
      rx={1.952}
      fill="#fff"
    />
    <rect
      opacity={0.3}
      x={185.998}
      y={202.192}
      width={58.573}
      height={7.81}
      rx={1.952}
      fill="#fff"
    />
    <circle
      cx={273.091}
      cy={121.091}
      r={37}
      transform="rotate(-15 273.091 121.091)"
      fill="#F6F1FF"
      stroke="#fff"
      strokeWidth={2}
    />
    <path
      d="M287.701 124.507a31.092 31.092 0 0 1-5.096 2.354 80.858 80.858 0 0 1-14.577 3.906 31.197 31.197 0 0 1-5.59.51"
      stroke="#8C46FF"
      strokeWidth={4.394}
      strokeLinecap="square"
      strokeLinejoin="round"
    />
    <path
      d="M263.424 124.649a5.224 5.224 0 0 0 3.832-4.369 5.23 5.23 0 0 0-8.37-4.833 5.235 5.235 0 0 0-1.868 5.504 5.229 5.229 0 0 0 6.406 3.698ZM275.642 116.136a.87.87 0 0 1-.487-.201.87.87 0 0 1 .061-1.39l3.135-2.194a.868.868 0 0 0 .37-.641l.332-3.812a.88.88 0 0 1 .646-.771.874.874 0 0 1 .946.345l2.194 3.135a.865.865 0 0 0 .64.37l3.812.332a.876.876 0 0 1 .427 1.592l-3.135 2.194a.862.862 0 0 0-.37.64l-.333 3.812a.87.87 0 0 1-.646.772.878.878 0 0 1-.945-.345l-2.194-3.135a.86.86 0 0 0-.641-.37l-3.812-.333Z"
      fill="#8C46FF"
    />
    <ellipse
      cx={112.581}
      cy={108.684}
      rx={8.467}
      ry={6.451}
      transform="rotate(-30 112.581 108.684)"
      fill="#8C46FF"
    />
    <ellipse
      cx={131.93}
      cy={97.399}
      rx={8.467}
      ry={6.451}
      transform="rotate(-30 131.93 97.399)"
      fill="#8C46FF"
    />
    <path
      fill="#8C46FF"
      d="m106.362 68.219 3.524-.944 10.242 38.222-3.524.945zM125.71 56.933l3.524-.944 10.241 38.222-3.523.945z"
    />
    <path
      fill="#8C46FF"
      d="m108.194 71.41-1.824-3.16 19.968-11.528 1.824 3.16zM110.674 80.667l-1.824-3.16 19.968-11.528 1.824 3.16z"
    />
  </svg>
);

export default LoginImg;