// THIS FILE WAS AUTOGENERATED BY SVGR. DO NOT MODIFY IT MANUALLY.
import * as React from 'react'
export const SvgAccountCreationIllustration = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width={408}
    height={216}
    viewBox="0 0 408 216"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    {...props}
  >
    <g opacity={0.5}>
      <mask
        id="account-creation-illustration_svg__a"
        mask-type="alpha"
        maskUnits="userSpaceOnUse"
        x={0}
        y={0}
        width={408}
        height={216}
      >
        <path fill="#2C88CF" d="M0 0h408v216H0z" />
      </mask>
      <g mask="url(#account-creation-illustration_svg__a)">
        <g filter="url(#account-creation-illustration_svg__filter0_d)">
          <mask
            id="account-creation-illustration_svg__b"
            mask-type="alpha"
            maskUnits="userSpaceOnUse"
            x={44}
            y={32}
            width={320}
            height={216}
          >
            <path d="M44 32h312a8 8 0 018 8v208H44V32z" fill="#A0AEB0" />
          </mask>
          <g mask="url(#account-creation-illustration_svg__b)">
            <path d="M36 32.5h-.5v224h328V41a8.5 8.5 0 00-8.5-8.5H36z" stroke="#000" strokeOpacity={0.18} />
            <mask
              id="account-creation-illustration_svg__c"
              mask-type="alpha"
              maskUnits="userSpaceOnUse"
              x={36}
              y={33}
              width={327}
              height={223}
            >
              <path d="M36 33h319a8 8 0 018 8v215H36V33z" fill="#DFE1E5" />
            </mask>
            <g mask="url(#account-creation-illustration_svg__c)">
              <path d="M36 33h327v223H36V33z" fill="#35363A" />
              <g filter="url(#account-creation-illustration_svg__filter1_f)">
                <path d="M20 25h343v9H20v-9z" fill="#EEEEF0" fillOpacity={0.14} />
              </g>
            </g>
          </g>
          <circle cx={336} cy={44} r={2} fill="#ADAEB3" />
          <circle cx={336} cy={50} r={2} fill="#ADAEB3" />
          <circle cx={336} cy={56} r={2} fill="#ADAEB3" />
          <g filter="url(#account-creation-illustration_svg__filter2_i)">
            <path fill="#21292F" d="M44 65h319v239H44z" />
          </g>
        </g>
        <path d="M84 60a4 4 0 014-4h232a4 4 0 014 4v264a4 4 0 01-4 4H88a4 4 0 01-4-4V60z" fill="#2D363C" />
        <path d="M84 60a4 4 0 014-4h232a4 4 0 014 4v264a4 4 0 01-4 4H88a4 4 0 01-4-4V60z" fill="#F1F1F1" />
        <path
          d="M84.5 60a3.5 3.5 0 013.5-3.5h232a3.5 3.5 0 013.5 3.5v264a3.5 3.5 0 01-3.5 3.5H88a3.5 3.5 0 01-3.5-3.5V60z"
          stroke="#000"
          strokeOpacity={0.28}
        />
        <mask
          id="account-creation-illustration_svg__d"
          mask-type="alpha"
          maskUnits="userSpaceOnUse"
          x={170}
          y={104}
          width={68}
          height={68}
        >
          <circle cx={204} cy={138} r={34} fill="#C4C4C4" />
        </mask>
        <g mask="url(#account-creation-illustration_svg__d)">
          <path fill="url(#account-creation-illustration_svg__pattern0)" d="M168.5 103h70v70h-70z" />
        </g>
        <rect x={169.5} y={103.5} width={69} height={69} rx={34.5} stroke="#000" strokeOpacity={0.08} />
        <path
          opacity={0.48}
          d="M160.946 86l.721-2.152h3.281l.724 2.152h1.688l-3.077-8.727h-1.952L159.259 86h1.687zm1.147-3.422l1.18-3.516h.068l1.181 3.516h-2.429zM171.467 86c2.659 0 4.235-1.645 4.235-4.372 0-2.719-1.576-4.355-4.176-4.355h-3.017V86h2.958zm-1.377-1.368v-5.991h1.347c1.773 0 2.697.988 2.697 2.987 0 2.007-.924 3.004-2.744 3.004h-1.3zM180.162 86c2.659 0 4.236-1.645 4.236-4.372 0-2.719-1.577-4.355-4.176-4.355h-3.017V86h2.957zm-1.376-1.368v-5.991h1.346c1.773 0 2.698.988 2.698 2.987 0 2.007-.925 3.004-2.745 3.004h-1.299zM189.997 86l.72-2.152h3.282l.724 2.152h1.688l-3.077-8.727h-1.952L188.31 86h1.687zm1.146-3.422l1.181-3.516h.068l1.18 3.516h-2.429zm13.477-2.36c-.268-1.94-1.76-3.065-3.695-3.065-2.279 0-3.997 1.662-3.997 4.483 0 2.817 1.696 4.483 3.997 4.483 2.076 0 3.452-1.342 3.695-3.008l-1.594-.009c-.2 1.023-1.035 1.598-2.079 1.598-1.415 0-2.429-1.06-2.429-3.064 0-1.968 1.005-3.064 2.433-3.064 1.061 0 1.892.601 2.075 1.645h1.594zm8.918 0c-.268-1.94-1.76-3.065-3.695-3.065-2.279 0-3.997 1.662-3.997 4.483 0 2.817 1.696 4.483 3.997 4.483 2.076 0 3.452-1.342 3.695-3.008l-1.594-.009c-.2 1.023-1.035 1.598-2.079 1.598-1.415 0-2.429-1.06-2.429-3.064 0-1.968 1.005-3.064 2.433-3.064 1.061 0 1.892.601 2.075 1.645h1.594zm9.246 1.418c0-2.82-1.722-4.483-4.01-4.483-2.292 0-4.01 1.662-4.01 4.483 0 2.817 1.718 4.483 4.01 4.483 2.288 0 4.01-1.662 4.01-4.483zm-1.589 0c0 1.986-.998 3.064-2.421 3.064-1.419 0-2.42-1.078-2.42-3.064 0-1.985 1.001-3.064 2.42-3.064 1.423 0 2.421 1.079 2.421 3.064zm8.585-4.363v5.57c0 1.094-.763 1.879-1.96 1.879-1.202 0-1.96-.784-1.96-1.88v-5.57h-1.581v5.702c0 1.875 1.406 3.158 3.541 3.158 2.126 0 3.541-1.283 3.541-3.158v-5.701h-1.581zm10.471 0h-1.572v5.949h-.077l-4.108-5.95h-1.414V86h1.581v-5.945h.072L238.845 86h1.406v-8.727zm1.34 1.325h2.697V86h1.568v-7.402h2.698v-1.325h-6.963v1.325z"
          fill="#000"
        />
        <mask
          id="account-creation-illustration_svg__e"
          mask-type="alpha"
          maskUnits="userSpaceOnUse"
          x={100}
          y={72}
          width={20}
          height={20}
        >
          <circle cx={110} cy={82} r={10} fill="#C4C4C4" />
        </mask>
        <g mask="url(#account-creation-illustration_svg__e)">
          <path fill="url(#account-creation-illustration_svg__pattern1)" d="M99 71h22v22H99z" />
        </g>
        <g filter="url(#account-creation-illustration_svg__filter3_f)">
          <path fill="#272D33" d="M0 152h408v143H0z" />
        </g>
      </g>
    </g>
    <defs>
      <filter
        id="account-creation-illustration_svg__filter0_d"
        x={24}
        y={-16}
        width={392}
        height={344}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
        <feOffset dx={16} dy={-12} />
        <feGaussianBlur stdDeviation={18} />
        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
        <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
        <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
      </filter>
      <filter
        id="account-creation-illustration_svg__filter1_f"
        x={19}
        y={24}
        width={345}
        height={11}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur" />
      </filter>
      <filter
        id="account-creation-illustration_svg__filter2_i"
        x={44}
        y={65}
        width={319}
        height={239}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
        <feOffset dy={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.32 0" />
        <feBlend in2="shape" result="effect1_innerShadow" />
      </filter>
      <filter
        id="account-creation-illustration_svg__filter3_f"
        x={-60}
        y={92}
        width={528}
        height={263}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
        <feGaussianBlur stdDeviation={30} result="effect1_foregroundBlur" />
      </filter>
      <pattern
        id="account-creation-illustration_svg__pattern0"
        patternContentUnits="objectBoundingBox"
        width={1}
        height={1}
      >
        <use
          xlinkHref="#account-creation-illustration_svg__image0"
          transform="matrix(.00542 0 0 .00542 -1.526 -.794)"
        />
      </pattern>
      <pattern
        id="account-creation-illustration_svg__pattern1"
        patternContentUnits="objectBoundingBox"
        width={1}
        height={1}
      >
        <use xlinkHref="#account-creation-illustration_svg__image1" transform="scale(.01)" />
      </pattern>
      <image
        id="account-creation-illustration_svg__image0"
        width={748}
        height={745}
        xlinkHref="data:image/png;base64,[encoded data, 176292 characters]"
      />
      <image
        id="account-creation-illustration_svg__image1"
        width={100}
        height={100}
        xlinkHref="data:image/png;base64,[encoded data, 16764 characters]"
      />
    </defs>
  </svg>
)
