const React = require("react");
const CurlyLoopIcon = ({ 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_2057)">
      <path
        d="M15.7583 28.2276C11.0752 28.2276 7.26455 24.4201 7.2583 19.7382C7.2533 19.3244 7.28268 14.1257 11.5033 9.81944C11.7992 9.51751 12.1083 9.22742 12.4296 8.94944C12.5751 8.82354 12.5359 8.58648 12.3541 8.52343C9.85747 7.65748 6.65051 7.22131 3.2583 7.22131C2.43018 7.22131 1.7583 6.54944 1.7583 5.72131C1.7583 4.89319 2.43018 4.22131 3.2583 4.22131C8.03604 4.22131 12.3471 5.02941 15.5874 6.63083C15.7021 6.68749 15.8358 6.6876 15.9506 6.63111C19.1871 5.03764 23.4912 4.23381 28.2583 4.23381C29.0864 4.23381 29.7583 4.90569 29.7583 5.73381C29.7583 6.56194 29.0864 7.23381 28.2583 7.23381C24.8743 7.23381 21.6732 7.66761 19.1804 8.52883C18.9985 8.59169 18.959 8.82881 19.1045 8.95491C19.418 9.2268 19.7195 9.51022 20.0089 9.80569C24.2308 14.1113 24.2633 19.3101 24.2589 19.7257V19.7282C24.2583 24.4144 20.4452 28.2276 15.7583 28.2276ZM15.9843 10.3312C15.8529 10.2412 15.6799 10.2411 15.5483 10.3309C14.8526 10.806 14.2185 11.3355 13.6464 11.9194C10.2133 15.4219 10.2577 19.6551 10.2583 19.6976V19.7276C10.2583 22.7601 12.7258 25.2276 15.7583 25.2276C18.7908 25.2276 21.2583 22.7601 21.2583 19.7276V19.6888C21.2583 19.5351 21.2177 15.2926 17.8283 11.8669C17.2716 11.304 16.6568 10.7921 15.9843 10.3312Z"
        fill="url(#paint0_linear_18590_2057)"
      />
    </g>
    <path
      d="M15.7583 28.2276C11.0752 28.2276 7.26455 24.4201 7.2583 19.7382C7.2533 19.3244 7.28268 14.1257 11.5033 9.81944C11.7992 9.51751 12.1083 9.22742 12.4296 8.94944C12.5751 8.82354 12.5359 8.58648 12.3541 8.52343C9.85747 7.65748 6.65051 7.22131 3.2583 7.22131C2.43018 7.22131 1.7583 6.54944 1.7583 5.72131C1.7583 4.89319 2.43018 4.22131 3.2583 4.22131C8.03604 4.22131 12.3471 5.02941 15.5874 6.63083C15.7021 6.68749 15.8358 6.6876 15.9506 6.63111C19.1871 5.03764 23.4912 4.23381 28.2583 4.23381C29.0864 4.23381 29.7583 4.90569 29.7583 5.73381C29.7583 6.56194 29.0864 7.23381 28.2583 7.23381C24.8743 7.23381 21.6732 7.66761 19.1804 8.52883C18.9985 8.59169 18.959 8.82881 19.1045 8.95491C19.418 9.2268 19.7195 9.51022 20.0089 9.80569C24.2308 14.1113 24.2633 19.3101 24.2589 19.7257V19.7282C24.2583 24.4144 20.4452 28.2276 15.7583 28.2276ZM15.9843 10.3312C15.8529 10.2412 15.6799 10.2411 15.5483 10.3309C14.8526 10.806 14.2185 11.3355 13.6464 11.9194C10.2133 15.4219 10.2577 19.6551 10.2583 19.6976V19.7276C10.2583 22.7601 12.7258 25.2276 15.7583 25.2276C18.7908 25.2276 21.2583 22.7601 21.2583 19.7276V19.6888C21.2583 19.5351 21.2177 15.2926 17.8283 11.8669C17.2716 11.304 16.6568 10.7921 15.9843 10.3312Z"
      fill="url(#paint1_radial_18590_2057)"
    />
    <g filter="url(#filter1_f_18590_2057)">
      <path
        d="M3.40588 5.34979C6.67823 5.34979 14.304 6.75067 17.814 9.55011C25.775 15.8994 23.7237 26.4002 15.8115 26.4002C9.85293 26.4002 7.89925 20.0021 9.85293 15.118C11.271 11.5728 13.9067 6.96154 27.9241 5.34979"
        stroke="url(#paint2_linear_18590_2057)"
        strokeWidth={0.75}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_2057"
        x={1.7583}
        y={3.47131}
        width={28.5}
        height={24.7562}
        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 dy={-0.75} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.239216 0 0 0 0 0.129412 0 0 0 0 0.32549 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2057"
        />
        <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.5} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.239216 0 0 0 0 0.215686 0 0 0 0 0.270588 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_2057"
          result="effect2_innerShadow_18590_2057"
        />
      </filter>
      <filter
        id="filter1_f_18590_2057"
        x={2.28088}
        y={4.22473}
        width={26.7682}
        height={23.3005}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18590_2057"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_2057"
        x1={15.7583}
        y1={5.71225}
        x2={15.7583}
        y2={28.2276}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5A4C68" />
        <stop offset={1} stopColor="#312E35" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_2057"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.9497 5.4963) rotate(176.186) scale(1.10136 1.02723)"
      >
        <stop stopColor="#7B6E88" />
        <stop offset={1} stopColor="#7B6E88" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_2057"
        x1={15.665}
        y1={5.34979}
        x2={15.665}
        y2={26.5467}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#685A77" />
        <stop offset={1} stopColor="#5C5860" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = CurlyLoopIcon;