import { type SVGProps, useId } from 'react'

import type { IconComponent } from '../../types'
const QueritLight: IconComponent = (props: SVGProps<SVGSVGElement>) => {
  const iconId = useId()

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="1em"
      height="1em"
      fill="none"
      viewBox="9 9 102 102"
      {...props}>
      <g clipPath={`url(#${iconId}-queritlight__a)`}>
        <path
          fill="#FDFEFF"
          d="M84.9509 26.3818C93.5479 33.6055 99.76 42.5856 101.31 53.9335C102.042 66.7278 99.8073 77.7829 91.2448 87.5939C83.6896 95.6527 74.2876 100.814 63.1205 101.452C50.8557 101.65 40.3732 98.748 31.2983 90.2414C22.7918 81.8597 18.6332 71.9023 18.4395 59.9604C18.6418 47.6698 23.0888 37.8889 31.7159 29.2489C45.9093 15.8131 69.3455 14.569 84.9509 26.3818Z"
        />
        <g clipPath={`url(#${iconId}-queritlight__b)`}>
          <path fill={`url(#${iconId}-queritlight__c)`} d="M31.741 31.031H88.911V88.201H31.741z" />
        </g>
      </g>
      <defs>
        <clipPath id={`${iconId}-queritlight__a`}>
          <path fill="#fff" d="M0 0H120V120H0z" />
        </clipPath>
        <clipPath id={`${iconId}-queritlight__b`}>
          <path fill="#fff" d="M0 0H57.17V57.17H0z" transform="translate(31.741 31.031)" />
        </clipPath>
        <pattern id={`${iconId}-queritlight__c`} width={1} height={1} patternContentUnits="objectBoundingBox">
          <use xlinkHref={`#${iconId}-queritlight__d`} transform="scale(.0039 .00413)" />
        </pattern>
        <image
          xlinkHref="data:image/png;base64,[encoded data, 35588 characters]"
          id={`${iconId}-queritlight__d`}
          width={256}
          height={242}
          preserveAspectRatio="none"
        />
      </defs>
    </svg>
  )
}
export { QueritLight }
export default QueritLight
