const React = require("react");
const SunglassesIcon = ({ 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_18_16223)">
      <path
        d="M3.63751 12.2422C4.48751 11.4547 5.86408 11.25 6.52814 11.25H10.7625C13.0515 11.25 15.0046 12.3594 14.8406 14.7891C14.5749 18.1406 12.1999 20.75 8.70782 20.75C5.2547 20.75 3.49501 18.0897 2.99689 16.4062C2.49876 14.7228 2.57501 13.2266 3.63751 12.2422Z"
        fill="url(#paint0_radial_18_16223)"
      />
      <path
        d="M3.63751 12.2422C4.48751 11.4547 5.86408 11.25 6.52814 11.25H10.7625C13.0515 11.25 15.0046 12.3594 14.8406 14.7891C14.5749 18.1406 12.1999 20.75 8.70782 20.75C5.2547 20.75 3.49501 18.0897 2.99689 16.4062C2.49876 14.7228 2.57501 13.2266 3.63751 12.2422Z"
        fill="url(#paint1_radial_18_16223)"
      />
      <path
        d="M3.63751 12.2422C4.48751 11.4547 5.86408 11.25 6.52814 11.25H10.7625C13.0515 11.25 15.0046 12.3594 14.8406 14.7891C14.5749 18.1406 12.1999 20.75 8.70782 20.75C5.2547 20.75 3.49501 18.0897 2.99689 16.4062C2.49876 14.7228 2.57501 13.2266 3.63751 12.2422Z"
        fill="url(#paint2_radial_18_16223)"
      />
    </g>
    <g filter="url(#filter1_ii_18_16223)">
      <path
        d="M28.3626 12.2422C27.5126 11.4547 26.136 11.25 25.472 11.25H21.2377C18.9486 11.25 16.9955 12.3594 17.1595 14.7891C17.4252 18.1406 19.8002 20.75 23.2923 20.75C26.7454 20.75 28.5051 18.0897 29.0032 16.4062C29.5014 14.7228 29.4251 13.2266 28.3626 12.2422Z"
        fill="url(#paint3_radial_18_16223)"
      />
      <path
        d="M28.3626 12.2422C27.5126 11.4547 26.136 11.25 25.472 11.25H21.2377C18.9486 11.25 16.9955 12.3594 17.1595 14.7891C17.4252 18.1406 19.8002 20.75 23.2923 20.75C26.7454 20.75 28.5051 18.0897 29.0032 16.4062C29.5014 14.7228 29.4251 13.2266 28.3626 12.2422Z"
        fill="url(#paint4_radial_18_16223)"
      />
      <path
        d="M28.3626 12.2422C27.5126 11.4547 26.136 11.25 25.472 11.25H21.2377C18.9486 11.25 16.9955 12.3594 17.1595 14.7891C17.4252 18.1406 19.8002 20.75 23.2923 20.75C26.7454 20.75 28.5051 18.0897 29.0032 16.4062C29.5014 14.7228 29.4251 13.2266 28.3626 12.2422Z"
        fill="url(#paint5_radial_18_16223)"
      />
    </g>
    <g filter="url(#filter2_i_18_16223)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.6297 14.8483C15.4265 18.5078 12.8875 21.5 8.70786 21.5C4.79385 21.5 2.82774 18.4778 2.27775 16.6191C1.75137 14.8401 1.74797 12.9704 3.12784 11.692C3.67111 11.1887 4.35114 10.8966 4.95005 10.7286C5.55311 10.5595 6.13167 10.5 6.52818 10.5H10.7625C12.0124 10.5 13.3444 10.8007 14.2703 11.5144C14.4915 11.6848 14.6881 11.876 14.8585 12.087C14.9956 12.228 15.2353 12.4453 15.5047 12.4453H16.4851C16.7937 12.4453 17.0633 12.1602 17.1844 12.0312L17.184 12.0356C17.3445 11.8448 17.5268 11.6709 17.7299 11.5144C18.6558 10.8007 19.9878 10.5 21.2377 10.5H25.472C25.8685 10.5 26.4471 10.5595 27.0501 10.7286C27.649 10.8966 28.3291 11.1887 28.8723 11.692C30.2522 12.9704 30.2488 14.8401 29.7224 16.6191C29.1724 18.4778 27.2063 21.5 23.2923 21.5C19.1127 21.5 16.5736 18.5078 16.3705 14.8483L16.3699 14.8396C16.3595 14.6866 16.3558 14.5371 16.3585 14.3913C16.3418 14.2068 16.1965 14.0625 16.0072 14.0625C15.8058 14.0625 15.6425 14.2258 15.6425 14.4272V14.4375C15.6437 14.5686 15.6396 14.7027 15.6303 14.8396L15.6297 14.8483ZM14.8406 14.7891C15.0046 12.3594 13.0516 11.25 10.7625 11.25H6.52818C5.86412 11.25 4.48755 11.4547 3.63755 12.2422C2.57505 13.2266 2.4988 14.7228 2.99693 16.4062C3.49505 18.0897 5.25474 20.75 8.70786 20.75C12.2 20.75 14.5749 18.1406 14.8406 14.7891ZM17.1596 14.7891C16.9956 12.3594 18.9486 11.25 21.2377 11.25H25.472C26.1361 11.25 27.5126 11.4547 28.3626 12.2422C29.4251 13.2266 29.5014 14.7228 29.0033 16.4062C28.5051 18.0897 26.7454 20.75 23.2923 20.75C19.8002 20.75 17.4252 18.1406 17.1596 14.7891Z"
        fill="url(#paint6_linear_18_16223)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.6297 14.8483C15.4265 18.5078 12.8875 21.5 8.70786 21.5C4.79385 21.5 2.82774 18.4778 2.27775 16.6191C1.75137 14.8401 1.74797 12.9704 3.12784 11.692C3.67111 11.1887 4.35114 10.8966 4.95005 10.7286C5.55311 10.5595 6.13167 10.5 6.52818 10.5H10.7625C12.0124 10.5 13.3444 10.8007 14.2703 11.5144C14.4915 11.6848 14.6881 11.876 14.8585 12.087C14.9956 12.228 15.2353 12.4453 15.5047 12.4453H16.4851C16.7937 12.4453 17.0633 12.1602 17.1844 12.0312L17.184 12.0356C17.3445 11.8448 17.5268 11.6709 17.7299 11.5144C18.6558 10.8007 19.9878 10.5 21.2377 10.5H25.472C25.8685 10.5 26.4471 10.5595 27.0501 10.7286C27.649 10.8966 28.3291 11.1887 28.8723 11.692C30.2522 12.9704 30.2488 14.8401 29.7224 16.6191C29.1724 18.4778 27.2063 21.5 23.2923 21.5C19.1127 21.5 16.5736 18.5078 16.3705 14.8483L16.3699 14.8396C16.3595 14.6866 16.3558 14.5371 16.3585 14.3913C16.3418 14.2068 16.1965 14.0625 16.0072 14.0625C15.8058 14.0625 15.6425 14.2258 15.6425 14.4272V14.4375C15.6437 14.5686 15.6396 14.7027 15.6303 14.8396L15.6297 14.8483ZM14.8406 14.7891C15.0046 12.3594 13.0516 11.25 10.7625 11.25H6.52818C5.86412 11.25 4.48755 11.4547 3.63755 12.2422C2.57505 13.2266 2.4988 14.7228 2.99693 16.4062C3.49505 18.0897 5.25474 20.75 8.70786 20.75C12.2 20.75 14.5749 18.1406 14.8406 14.7891ZM17.1596 14.7891C16.9956 12.3594 18.9486 11.25 21.2377 11.25H25.472C26.1361 11.25 27.5126 11.4547 28.3626 12.2422C29.4251 13.2266 29.5014 14.7228 29.0033 16.4062C28.5051 18.0897 26.7454 20.75 23.2923 20.75C19.8002 20.75 17.4252 18.1406 17.1596 14.7891Z"
        fill="url(#paint7_radial_18_16223)"
      />
    </g>
    <path
      d="M27.7102 13.0787C28.189 13.8734 28.0596 14.8295 27.4211 15.2143C26.7826 15.599 25.8768 15.2667 25.398 14.4719C24.9191 13.6772 25.0485 12.7211 25.687 12.3364C26.3255 11.9517 27.2313 12.284 27.7102 13.0787Z"
      fill="url(#paint8_radial_18_16223)"
    />
    <path
      d="M13.2102 13.0787C13.689 13.8734 13.5596 14.8295 12.9211 15.2143C12.2826 15.599 11.3768 15.2667 10.898 14.4719C10.4191 13.6772 10.5485 12.7211 11.187 12.3364C11.8255 11.9517 12.7313 12.284 13.2102 13.0787Z"
      fill="url(#paint9_radial_18_16223)"
    />
    <g filter="url(#filter3_f_18_16223)">
      <path
        d="M28.5838 12.0907C27.6918 11.2574 26.2472 11.0408 25.5503 11.0408H21.1068C18.7047 11.0408 16.6551 12.2147 16.8272 14.7858C17.1061 18.3324 19.5983 21.0937 23.263 21.0937C26.8867 21.0937 28.7333 18.2785 29.2561 16.4971C29.7788 14.7157 29.6988 13.1324 28.5838 12.0907Z"
        stroke="url(#paint10_radial_18_16223)"
        strokeWidth={0.3}
      />
    </g>
    <g filter="url(#filter4_f_18_16223)">
      <path
        d="M14.167 12.0907C13.275 11.2574 11.8305 11.0408 11.1336 11.0408H6.6901C4.28795 11.0408 2.23839 12.2147 2.4105 14.7858C2.68931 18.3324 5.18158 21.0937 8.84623 21.0937C12.47 21.0937 14.3166 18.2785 14.8393 16.4971C15.362 14.7157 15.282 13.1324 14.167 12.0907Z"
        stroke="url(#paint11_radial_18_16223)"
        strokeWidth={0.3}
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18_16223"
        x={2.60044}
        y={11.15}
        width={12.4997}
        height={9.85}
        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} dy={0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.121569 0 0 0 0 0.0666667 0 0 0 0 0.278431 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_16223"
        />
        <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.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.384314 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_16223"
          result="effect2_innerShadow_18_16223"
        />
      </filter>
      <filter
        id="filter1_ii_18_16223"
        x={17.0499}
        y={11.15}
        width={12.4997}
        height={9.85}
        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} dy={0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.121569 0 0 0 0 0.0666667 0 0 0 0 0.278431 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_16223"
        />
        <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.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.219608 0 0 0 0 0.121569 0 0 0 0 0.384314 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_16223"
          result="effect2_innerShadow_18_16223"
        />
      </filter>
      <filter
        id="filter2_i_18_16223"
        x={1.95142}
        y={10.5}
        width={28.0974}
        height={11.2}
        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.2} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.329412 0 0 0 0 0.282353 0 0 0 0 0.568627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_16223"
        />
      </filter>
      <filter
        id="filter3_f_18_16223"
        x={16.4672}
        y={10.6909}
        width={13.4498}
        height={10.7528}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.1}
          result="effect1_foregroundBlur_18_16223"
        />
      </filter>
      <filter
        id="filter4_f_18_16223"
        x={2.05049}
        y={10.6909}
        width={13.4498}
        height={10.7528}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.1}
          result="effect1_foregroundBlur_18_16223"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(6.89526 12.25) rotate(67.5862) scale(8.68756 9.61516)"
      >
        <stop offset={0.364623} stopColor="#311F5E" />
        <stop offset={0.954228} stopColor="#4F1373" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.61401 17.0625) rotate(-18.3151) scale(9.44732 11.6572)"
      >
        <stop offset={0.893232} stopColor="#4D4176" stopOpacity={0} />
        <stop offset={0.976404} stopColor="#4D4176" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1333 13.5313) rotate(162.06) scale(8.0147 4.22888)"
      >
        <stop offset={0.14535} stopColor="#51477A" />
        <stop offset={1} stopColor="#51477A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.3447 12.25) rotate(67.5862) scale(8.68756 9.61516)"
      >
        <stop offset={0.364623} stopColor="#311F5E" />
        <stop offset={0.954228} stopColor="#4F1373" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.0635 17.0625) rotate(-18.3151) scale(9.44732 11.6572)"
      >
        <stop offset={0.893232} stopColor="#4D4176" stopOpacity={0} />
        <stop offset={0.976404} stopColor="#4D4176" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.5828 13.5313) rotate(162.06) scale(8.0147 4.22888)"
      >
        <stop offset={0.14535} stopColor="#51477A" />
        <stop offset={1} stopColor="#51477A" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_16223"
        x1={16.0001}
        y1={10.5}
        x2={16.0001}
        y2={20.4688}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.289773} stopColor="#5C4EA3" />
        <stop offset={1} stopColor="#5C278D" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4578 13.4219) rotate(-169.739) scale(1.84196 1.0748)"
      >
        <stop offset={0.324562} stopColor="#6A57A0" />
        <stop offset={1} stopColor="#6A57A0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.114 15.5625) rotate(-113.728) scale(3.10635 9.72878)"
      >
        <stop offset={0.258907} stopColor="#E5DBF4" stopOpacity={0} />
        <stop offset={1} stopColor="#E5DBF4" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.8015 14.9375) rotate(-122.939) scale(2.64372 8.27986)"
      >
        <stop offset={0.258907} stopColor="#E5DBF4" stopOpacity={0} />
        <stop offset={1} stopColor="#E5DBF4" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.3796 17.5937) rotate(-34.6375) scale(3.93111 5.01995)"
      >
        <stop stopColor="#624A93" />
        <stop offset={1} stopColor="#624A93" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_16223"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2.96289 17.5937) rotate(-34.6375) scale(3.93111 5.01995)"
      >
        <stop stopColor="#55377A" />
        <stop offset={1} stopColor="#55377A" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SunglassesIcon;