export const CheckCircle = (): JSX.Element => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    width='90'
    height='90'
    fill='none'
    viewBox='0 0 90 90'
  >
    <g filter='url(#filter0_d_27718_242270)'>
      <path
        fill='#fff'
        d='M1 44C1 19.7 20.7 0 45 0s44 19.7 44 44-19.7 44-44 44S1 68.3 1 44z'
      />
      <path
        fill='#000'
        d='M39.857 51.861l-9.073-9.073a1.714 1.714 0 10-2.425 2.424l10.286 10.286c.67.67 1.755.67 2.424 0l20.572-20.572a1.714 1.714 0 10-2.425-2.424l-19.359 19.36z'
      />
    </g>
    <defs>
      <filter
        id='filter0_d_27718_242270'
        width='90'
        height='90'
        x='0'
        y='0'
        colorInterpolationFilters='sRGB'
        filterUnits='userSpaceOnUse'
      >
        <feFlood floodOpacity='0' result='BackgroundImageFix' />
        <feColorMatrix
          in='SourceAlpha'
          result='hardAlpha'
          values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
        />
        <feOffset dy='1' />
        <feGaussianBlur stdDeviation='0.5' />
        <feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0' />
        <feBlend
          in2='BackgroundImageFix'
          result='effect1_dropShadow_27718_242270'
        />
        <feBlend
          in='SourceGraphic'
          in2='effect1_dropShadow_27718_242270'
          result='shape'
        />
      </filter>
    </defs>
  </svg>
)
