const React = require("react");
const StarAndCrescentIcon = ({ 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_ii_18590_1080)">
      <rect
        x={2.51233}
        y={1.6875}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_1080)"
      />
      <rect
        x={2.51233}
        y={1.6875}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_1080)"
      />
    </g>
    <g filter="url(#filter1_f_18590_1080)">
      <path
        d="M28.6998 4.1875V27.0625"
        stroke="url(#paint2_linear_18590_1080)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_1080)">
      <path
        d="M5.9762 3.5H27.7574"
        stroke="url(#paint3_linear_18590_1080)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_1080)">
      <path
        d="M23.6907 24.11C23.8005 24.0476 23.8668 23.9304 23.8668 23.8041C23.8668 23.5422 23.5939 23.3682 23.3505 23.4648C22.279 23.89 21.102 24.125 19.8668 24.125C14.8963 24.125 10.8668 20.3194 10.8668 15.625C10.8668 10.9306 14.8963 7.125 19.8668 7.125C21.102 7.125 22.279 7.35998 23.3505 7.7852C23.5939 7.88179 23.8668 7.70775 23.8668 7.44587C23.8668 7.31962 23.8005 7.20236 23.6907 7.13997C22.0018 6.1799 20.0056 5.625 17.8668 5.625C11.7917 5.625 6.86682 10.1022 6.86682 15.625C6.86682 21.1478 11.7917 25.625 17.8668 25.625C20.0056 25.625 22.0018 25.0701 23.6907 24.11Z"
        fill="#6A4EBE"
      />
      <path
        d="M22.4789 12.8521C22.4331 12.7592 22.3006 12.7592 22.2547 12.8521L21.3673 14.6503C21.3491 14.6872 21.3139 14.7128 21.2732 14.7187L19.2888 15.007C19.1862 15.0219 19.1453 15.1479 19.2195 15.2202L20.6554 16.6199C20.6849 16.6486 20.6983 16.69 20.6914 16.7306L20.3524 18.7069C20.3349 18.809 20.4421 18.8869 20.5338 18.8387L22.3087 17.9056C22.3451 17.8864 22.3886 17.8864 22.425 17.9056L24.1999 18.8387C24.2916 18.8869 24.3988 18.809 24.3813 18.7069L24.0423 16.7305C24.0353 16.69 24.0488 16.6486 24.0782 16.6199L25.5142 15.2202C25.5883 15.1479 25.5474 15.0219 25.4449 15.007L23.4605 14.7187C23.4198 14.7128 23.3846 14.6872 23.3664 14.6503L22.4789 12.8521Z"
        fill="#6A4EBE"
      />
    </g>
    <g filter="url(#filter4_ii_18590_1080)">
      <path
        d="M23.6907 24.11C23.8005 24.0476 23.8668 23.9304 23.8668 23.8041C23.8668 23.5422 23.5939 23.3682 23.3505 23.4648C22.279 23.89 21.102 24.125 19.8668 24.125C14.8963 24.125 10.8668 20.3194 10.8668 15.625C10.8668 10.9306 14.8963 7.125 19.8668 7.125C21.102 7.125 22.279 7.35998 23.3505 7.7852C23.5939 7.88179 23.8668 7.70775 23.8668 7.44587C23.8668 7.31962 23.8005 7.20236 23.6907 7.13997C22.0018 6.1799 20.0056 5.625 17.8668 5.625C11.7917 5.625 6.86682 10.1022 6.86682 15.625C6.86682 21.1478 11.7917 25.625 17.8668 25.625C20.0056 25.625 22.0018 25.0701 23.6907 24.11Z"
        fill="#FCF2FF"
      />
      <path
        d="M22.4789 12.8521C22.4331 12.7592 22.3006 12.7592 22.2547 12.8521L21.3673 14.6503C21.3491 14.6872 21.3139 14.7128 21.2732 14.7187L19.2888 15.007C19.1862 15.0219 19.1453 15.1479 19.2195 15.2202L20.6554 16.6199C20.6849 16.6486 20.6983 16.69 20.6914 16.7306L20.3524 18.7069C20.3349 18.809 20.4421 18.8869 20.5338 18.8387L22.3087 17.9056C22.3451 17.8864 22.3886 17.8864 22.425 17.9056L24.1999 18.8387C24.2916 18.8869 24.3988 18.809 24.3813 18.7069L24.0423 16.7305C24.0353 16.69 24.0488 16.6486 24.0782 16.6199L25.5142 15.2202C25.5883 15.1479 25.5474 15.0219 25.4449 15.007L23.4605 14.7187C23.4198 14.7128 23.3846 14.6872 23.3664 14.6503L22.4789 12.8521Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_1080"
        x={2.51233}
        y={0.6875}
        width={29.875}
        height={28.875}
        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={2} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_1080"
        />
        <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 dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_1080"
          result="effect2_innerShadow_18590_1080"
        />
      </filter>
      <filter
        id="filter1_f_18590_1080"
        x={25.9498}
        y={1.4375}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_1080"
        />
      </filter>
      <filter
        id="filter2_f_18590_1080"
        x={3.2262}
        y={0.75}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_1080"
        />
      </filter>
      <filter
        id="filter3_f_18590_1080"
        x={5.86682}
        y={4.625}
        width={20.6852}
        height={22}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18590_1080"
        />
      </filter>
      <filter
        id="filter4_ii_18590_1080"
        x={6.46682}
        y={5.225}
        width={19.4852}
        height={20.8}
        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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_1080"
        />
        <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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_1080"
          result="effect2_innerShadow_18590_1080"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_1080"
        x1={16.4498}
        y1={5.26201}
        x2={16.4498}
        y2={38.5147}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9865EE" />
        <stop offset={1} stopColor="#7764C6" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_1080"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.1686 3.78125) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#BB8DFF" />
        <stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_1080"
        x1={29.1998}
        y1={4.1875}
        x2={29.1998}
        y2={27.0625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AE7EFF" />
        <stop offset={1} stopColor="#8777D6" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_1080"
        x1={28.9137}
        y1={3.75002}
        x2={3.38245}
        y2={3.75002}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A672FF" />
        <stop offset={1} stopColor="#9A6CEB" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = StarAndCrescentIcon;