const React = require("react");
const CrystalBallIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_i_18_3412)">
      <circle
        cx={15.976}
        cy={13.834}
        r={11.8125}
        fill="url(#paint0_radial_18_3412)"
      />
      <circle
        cx={15.976}
        cy={13.834}
        r={11.8125}
        fill="url(#paint1_radial_18_3412)"
      />
      <circle
        cx={15.976}
        cy={13.834}
        r={11.8125}
        fill="url(#paint2_radial_18_3412)"
      />
      <circle
        cx={15.976}
        cy={13.834}
        r={11.8125}
        fill="url(#paint3_linear_18_3412)"
      />
    </g>
    <g filter="url(#filter1_f_18_3412)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.91045 16.862C9.83067 16.4617 9.51264 16.149 9.11779 16.0455C8.67406 15.9292 8.19464 15.749 7.65525 15.4869C7.20863 15.2699 7.20863 14.652 7.65525 14.4349C8.19464 14.1729 8.67407 13.9927 9.11779 13.8764C9.51264 13.7728 9.83067 13.4602 9.91045 13.0599C10.031 12.4549 10.2286 11.7093 10.5277 10.9794C10.716 10.5199 11.3141 10.5199 11.5024 10.9794C11.8016 11.7093 11.9991 12.4549 12.1197 13.0599C12.1995 13.4602 12.5175 13.7727 12.9123 13.8767C13.354 13.9929 13.8304 14.1728 14.3674 14.4344C14.8138 14.6518 14.8138 15.27 14.3674 15.4875C13.8304 15.749 13.354 15.9289 12.9123 16.0452C12.5175 16.1491 12.1995 16.4617 12.1197 16.862C11.9991 17.467 11.8016 18.2126 11.5024 18.9425C11.3141 19.402 10.716 19.402 10.5277 18.9425C10.2286 18.2126 10.031 17.467 9.91045 16.862Z"
        fill="#453852"
      />
    </g>
    <g filter="url(#filter2_ii_18_3412)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.91045 16.862C9.83067 16.4617 9.51264 16.149 9.11779 16.0455C8.67406 15.9292 8.19464 15.749 7.65525 15.4869C7.20863 15.2699 7.20863 14.652 7.65525 14.4349C8.19464 14.1729 8.67407 13.9927 9.11779 13.8764C9.51264 13.7728 9.83067 13.4602 9.91045 13.0599C10.031 12.4549 10.2286 11.7093 10.5277 10.9794C10.716 10.5199 11.3141 10.5199 11.5024 10.9794C11.8016 11.7093 11.9991 12.4549 12.1197 13.0599C12.1995 13.4602 12.5175 13.7727 12.9123 13.8767C13.354 13.9929 13.8304 14.1728 14.3674 14.4344C14.8138 14.6518 14.8138 15.27 14.3674 15.4875C13.8304 15.749 13.354 15.9289 12.9123 16.0452C12.5175 16.1491 12.1995 16.4617 12.1197 16.862C11.9991 17.467 11.8016 18.2126 11.5024 18.9425C11.3141 19.402 10.716 19.402 10.5277 18.9425C10.2286 18.2126 10.031 17.467 9.91045 16.862Z"
        fill="url(#paint4_linear_18_3412)"
      />
    </g>
    <g filter="url(#filter3_ii_18_3412)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.079 7.24262C14.047 7.08213 13.9195 6.95679 13.7612 6.91528C13.5833 6.86864 13.3911 6.79642 13.1748 6.69134C12.9958 6.60434 12.9958 6.35659 13.1748 6.26959C13.3911 6.16452 13.5833 6.09229 13.7612 6.04565C13.9195 6.00415 14.047 5.87881 14.079 5.71832C14.1273 5.47579 14.2065 5.17686 14.3264 4.88424C14.4019 4.70004 14.6417 4.70004 14.7172 4.88424C14.8371 5.17686 14.9163 5.47579 14.9647 5.71832C14.9967 5.87881 15.1242 6.00412 15.2824 6.04578C15.4595 6.09239 15.6505 6.16451 15.8658 6.26938C16.0447 6.35655 16.0447 6.60439 15.8658 6.69156C15.6505 6.79642 15.4595 6.86855 15.2824 6.91516C15.1242 6.95682 14.9967 7.08213 14.9647 7.24262C14.9163 7.48514 14.8371 7.78408 14.7172 8.0767C14.6417 8.26089 14.4019 8.26089 14.3264 8.0767C14.2065 7.78408 14.1273 7.48514 14.079 7.24262Z"
        fill="url(#paint5_linear_18_3412)"
      />
    </g>
    <g filter="url(#filter4_ii_18_3412)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.8357 11.5526C21.7901 11.3236 21.6081 11.1447 21.3822 11.0854C21.1282 11.0189 20.8539 10.9158 20.5453 10.7658C20.2897 10.6416 20.2897 10.288 20.5453 10.1639C20.8539 10.0139 21.1282 9.9108 21.3822 9.84423C21.6081 9.78499 21.7901 9.60609 21.8357 9.37702C21.9047 9.03087 22.0177 8.60421 22.1889 8.18656C22.2967 7.92365 22.6389 7.92365 22.7467 8.18656C22.9178 8.60421 23.0309 9.03087 23.0999 9.37702C23.1455 9.60609 23.3275 9.78494 23.5534 9.84441C23.8061 9.91093 24.0787 10.0139 24.386 10.1635C24.6414 10.288 24.6414 10.6417 24.386 10.7661C24.0787 10.9158 23.8061 11.0187 23.5534 11.0853C23.3275 11.1447 23.1455 11.3236 23.0999 11.5526C23.0309 11.8988 22.9178 12.3255 22.7467 12.7431C22.6389 13.006 22.2967 13.006 22.1889 12.7431C22.0177 12.3255 21.9047 11.8988 21.8357 11.5526Z"
        fill="url(#paint6_linear_18_3412)"
      />
    </g>
    <g filter="url(#filter5_ii_18_3412)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.8357 11.5526C21.7901 11.3236 21.6081 11.1447 21.3822 11.0854C21.1282 11.0189 20.8539 10.9158 20.5453 10.7658C20.2897 10.6416 20.2897 10.288 20.5453 10.1639C20.8539 10.0139 21.1282 9.9108 21.3822 9.84423C21.6081 9.78499 21.7901 9.60609 21.8357 9.37702C21.9047 9.03087 22.0177 8.60421 22.1889 8.18656C22.2967 7.92365 22.6389 7.92365 22.7467 8.18656C22.9178 8.60421 23.0309 9.03087 23.0999 9.37702C23.1455 9.60609 23.3275 9.78494 23.5534 9.84441C23.8061 9.91093 24.0787 10.0139 24.386 10.1635C24.6414 10.288 24.6414 10.6417 24.386 10.7661C24.0787 10.9158 23.8061 11.0187 23.5534 11.0853C23.3275 11.1447 23.1455 11.3236 23.0999 11.5526C23.0309 11.8988 22.9178 12.3255 22.7467 12.7431C22.6389 13.006 22.2967 13.006 22.1889 12.7431C22.0177 12.3255 21.9047 11.8988 21.8357 11.5526Z"
        fill="url(#paint7_linear_18_3412)"
      />
    </g>
    <path
      d="M8.82428 23.1562C8.71852 23.1562 8.62421 23.2228 8.58875 23.3224L7.09182 27.5285C6.68771 28.664 7.52557 29.8586 8.73079 29.8653L15.851 29.9049V29.9062L15.976 29.9056L16.101 29.9062V29.9049L23.2212 29.8653C24.4265 29.8586 25.2643 28.664 24.8602 27.5285L23.3633 23.3224C23.3278 23.2228 23.2335 23.1562 23.1277 23.1562H8.82428Z"
      fill="url(#paint8_linear_18_3412)"
    />
    <path
      d="M8.82428 23.1562C8.71852 23.1562 8.62421 23.2228 8.58875 23.3224L7.09182 27.5285C6.68771 28.664 7.52557 29.8586 8.73079 29.8653L15.851 29.9049V29.9062L15.976 29.9056L16.101 29.9062V29.9049L23.2212 29.8653C24.4265 29.8586 25.2643 28.664 24.8602 27.5285L23.3633 23.3224C23.3278 23.2228 23.2335 23.1562 23.1277 23.1562H8.82428Z"
      fill="url(#paint9_linear_18_3412)"
    />
    <path
      d="M8.82428 23.1562C8.71852 23.1562 8.62421 23.2228 8.58875 23.3224L7.09182 27.5285C6.68771 28.664 7.52557 29.8586 8.73079 29.8653L15.851 29.9049V29.9062L15.976 29.9056L16.101 29.9062V29.9049L23.2212 29.8653C24.4265 29.8586 25.2643 28.664 24.8602 27.5285L23.3633 23.3224C23.3278 23.2228 23.2335 23.1562 23.1277 23.1562H8.82428Z"
      fill="url(#paint10_linear_18_3412)"
    />
    <path
      d="M8.82428 23.1562C8.71852 23.1562 8.62421 23.2228 8.58875 23.3224L7.09182 27.5285C6.68771 28.664 7.52557 29.8586 8.73079 29.8653L15.851 29.9049V29.9062L15.976 29.9056L16.101 29.9062V29.9049L23.2212 29.8653C24.4265 29.8586 25.2643 28.664 24.8602 27.5285L23.3633 23.3224C23.3278 23.2228 23.2335 23.1562 23.1277 23.1562H8.82428Z"
      fill="url(#paint11_radial_18_3412)"
    />
    <path
      d="M8.82428 23.1562C8.71852 23.1562 8.62421 23.2228 8.58875 23.3224L7.09182 27.5285C6.68771 28.664 7.52557 29.8586 8.73079 29.8653L15.851 29.9049V29.9062L15.976 29.9056L16.101 29.9062V29.9049L23.2212 29.8653C24.4265 29.8586 25.2643 28.664 24.8602 27.5285L23.3633 23.3224C23.3278 23.2228 23.2335 23.1562 23.1277 23.1562H8.82428Z"
      fill="url(#paint12_linear_18_3412)"
    />
    <defs>
      <filter
        id="filter0_i_18_3412"
        x={4.16351}
        y={2.02148}
        width={23.875}
        height={23.625}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.25} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.368627 0 0 0 0 0.341176 0 0 0 0 0.411765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3412"
        />
      </filter>
      <filter
        id="filter1_f_18_3412"
        x={6.82028}
        y={10.1348}
        width={8.3819}
        height={9.65234}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_18_3412"
        />
      </filter>
      <filter
        id="filter2_ii_18_3412"
        x={7.17028}
        y={10.4848}
        width={7.6819}
        height={8.95234}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.94902 0 0 0 0 0.513726 0 0 0 0 0.392157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3412"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3412"
          result="effect2_innerShadow_18_3412"
        />
      </filter>
      <filter
        id="filter3_ii_18_3412"
        x={12.9406}
        y={4.64609}
        width={3.15944}
        height={3.66875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.952941 0 0 0 0 0.694118 0 0 0 0 0.396078 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3412"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.1} dy={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3412"
          result="effect2_innerShadow_18_3412"
        />
      </filter>
      <filter
        id="filter4_ii_18_3412"
        x={20.2036}
        y={7.83938}
        width={4.52397}
        height={5.25093}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.94902 0 0 0 0 0.513726 0 0 0 0 0.392157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3412"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3412"
          result="effect2_innerShadow_18_3412"
        />
      </filter>
      <filter
        id="filter5_ii_18_3412"
        x={20.2036}
        y={7.88938}
        width={4.47397}
        height={5.20093}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.886275 0 0 0 0 0.513726 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_3412"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={-0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.988235 0 0 0 0 0.619608 0 0 0 0 0.447059 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_3412"
          result="effect2_innerShadow_18_3412"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_3412"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.2886 10.3911) rotate(126.32) scale(14.8921)"
      >
        <stop stopColor="#7B7486" />
        <stop offset={0.787912} stopColor="#35303C" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_3412"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.3887 22.1517) rotate(-55.3637) scale(14.6801 18.1427)"
      >
        <stop stopColor="#5C4077" />
        <stop offset={1} stopColor="#5C4077" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_3412"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.56976 23.8125) rotate(-56.3099) scale(1.80278 2.69066)"
      >
        <stop stopColor="#66547A" />
        <stop offset={1} stopColor="#66547A" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_3412"
        x1={15.976}
        y1={23.2734}
        x2={15.976}
        y2={22.7188}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#392E48" />
        <stop offset={1} stopColor="#392E48" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_3412"
        x1={13.6647}
        y1={12.926}
        x2={9.36347}
        y2={17.2309}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC154" />
        <stop offset={1} stopColor="#FFA271" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_3412"
        x1={15.4267}
        y1={5.77127}
        x2={13.9279}
        y2={7.24146}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0416667} stopColor="#F2C954" />
        <stop offset={1} stopColor="#F7B669" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_3412"
        x1={23.7593}
        y1={9.45261}
        x2={21.6201}
        y2={11.551}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC154" />
        <stop offset={1} stopColor="#FFA271" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_3412"
        x1={23.7593}
        y1={9.45261}
        x2={21.6201}
        y2={11.551}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0416667} stopColor="#FEC953" />
        <stop offset={1} stopColor="#EEA654" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_3412"
        x1={8.10101}
        y1={28}
        x2={21.101}
        y2={28}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B9A6CD" />
        <stop offset={1} stopColor="#F1EAF6" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_3412"
        x1={24.5533}
        y1={25.3302}
        x2={22.8846}
        y2={25.8865}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D9D7DF" />
        <stop offset={1} stopColor="#D9D7DF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_3412"
        x1={16.8056}
        y1={29.9063}
        x2={16.8056}
        y2={27.9525}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CF8EEB" />
        <stop offset={1} stopColor="#CF8EEB" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_3412"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.2029 32.4025) rotate(-90) scale(5.87123 14.7007)"
      >
        <stop stopColor="#CF8EEB" />
        <stop offset={1} stopColor="#CF8EEB" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint12_linear_18_3412"
        x1={6.67403}
        y1={26.5312}
        x2={11.9583}
        y2={27.8731}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8B8496" />
        <stop offset={1} stopColor="#8B8496" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = CrystalBallIcon;