const React = require("react");
const FaceWithSteamFromNoseIcon = ({ 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 clipPath="url(#clip0_31_1422)">
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint0_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint1_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint2_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint3_radial_31_1422)"
        fillOpacity={0.6}
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint4_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint5_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint6_radial_31_1422)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint7_radial_31_1422)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M20.2455 21.6997C17.897 19.3683 14.0991 19.3765 11.7584 21.7258C11.3686 22.117 10.7354 22.1182 10.3442 21.7284C9.95294 21.3386 9.95178 20.7054 10.3416 20.3142C13.4608 17.1835 18.523 17.1716 21.6545 20.2803C22.0465 20.6694 22.0488 21.3025 21.6597 21.6945C21.2706 22.0864 20.6374 22.0888 20.2455 21.6997Z"
        fill="url(#paint8_linear_31_1422)"
      />
      <g filter="url(#filter0_f_31_1422)">
        <path
          d="M12.5 11.5C11.5 13 9 13.5 7.5 12.5"
          stroke="#CE7C25"
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M13 11C12 12.5 9.5 13 8 12"
        stroke="url(#paint9_radial_31_1422)"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.7} filter="url(#filter1_f_31_1422)">
        <path
          d="M18.5 11.5C19.5 13 22 13.5 23.5 12.5"
          stroke="#F4B158"
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M19 11C20 12.5 22.5 13 24 12"
        stroke="url(#paint10_linear_31_1422)"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.8} filter="url(#filter2_f_31_1422)">
        <path
          d="M9.25 6.32541C11 5.49543 12.7875 6.3254 13.25 7.99544"
          stroke="#AA7013"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M9.5 5.82999C11.25 5.00001 13.0375 5.82998 13.5 7.50002"
        stroke="url(#paint11_radial_31_1422)"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.8} filter="url(#filter3_f_31_1422)">
        <path
          d="M22.0498 6.72426C20.3766 5.74882 18.5251 6.42415 17.9226 8.04893"
          stroke="#D59A25"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M22.5 5.82999C20.75 5.00001 18.9625 5.82998 18.5 7.50002"
        stroke="url(#paint12_radial_31_1422)"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g filter="url(#filter4_i_31_1422)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M5 24C3.34315 24 2 22.6568 2 21C2 19.3431 3.34315 18 5 18C6.07506 18 7.01804 18.5655 7.54773 19.4152L12.8519 16.1158C13.4584 15.7385 14.1991 16.3426 13.9515 17.0126L11.5743 23.4458C12.4299 23.9742 13 24.9205 13 26C13 27.6568 11.6569 29 10 29C8.34315 29 7 27.6568 7 26C7 25.6493 7.06015 25.3128 7.1707 25H5L5 24Z"
          fill="url(#paint13_radial_31_1422)"
        />
      </g>
      <path
        d="M5 24C6.65685 24 8 22.6569 8 21C8 19.3431 6.65685 18 5 18C3.34315 18 2 19.3431 2 21C2 22.6569 3.34315 24 5 24Z"
        fill="url(#paint14_radial_31_1422)"
      />
      <path
        d="M10 29C11.6569 29 13 27.6569 13 26C13 24.3431 11.6569 23 10 23C8.34315 23 7 24.3431 7 26C7 27.6569 8.34315 29 10 29Z"
        fill="url(#paint15_radial_31_1422)"
      />
      <g filter="url(#filter5_i_31_1422)">
        <path
          d="M6.5 29C8.98528 29 11 26.9853 11 24.5C11 22.0147 8.98528 20 6.5 20C4.01472 20 2 22.0147 2 24.5C2 26.9853 4.01472 29 6.5 29Z"
          fill="url(#paint16_radial_31_1422)"
        />
      </g>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M27.0005 24C28.6573 24 30.0005 22.6568 30.0005 21C30.0005 19.3431 28.6573 18 27.0005 18C25.9254 18 24.9824 18.5655 24.4528 19.4152L19.1486 16.1158C18.542 15.7385 17.8014 16.3426 18.049 17.0126L20.4262 23.4458C19.5706 23.9742 19.0005 24.9205 19.0005 26C19.0005 27.6568 20.3436 29 22.0005 29C23.6573 29 25.0005 27.6568 25.0005 26C25.0005 25.6493 24.9403 25.3128 24.8298 25H27.0005L27.0005 24Z"
        fill="url(#paint17_linear_31_1422)"
      />
      <path
        d="M27.0005 24C28.6573 24 30.0005 22.6569 30.0005 21C30.0005 19.3431 28.6573 18 27.0005 18C25.3436 18 24.0005 19.3431 24.0005 21C24.0005 22.6569 25.3436 24 27.0005 24Z"
        fill="url(#paint18_radial_31_1422)"
      />
      <path
        d="M22.0005 29C23.6573 29 25.0005 27.6569 25.0005 26C25.0005 24.3431 23.6573 23 22.0005 23C20.3436 23 19.0005 24.3431 19.0005 26C19.0005 27.6569 20.3436 29 22.0005 29Z"
        fill="url(#paint19_radial_31_1422)"
      />
      <g filter="url(#filter6_i_31_1422)">
        <path
          d="M25.5005 29C27.9858 29 30.0005 26.9853 30.0005 24.5C30.0005 22.0147 27.9858 20 25.5005 20C23.0152 20 21.0005 22.0147 21.0005 24.5C21.0005 26.9853 23.0152 29 25.5005 29Z"
          fill="url(#paint20_radial_31_1422)"
        />
      </g>
    </g>
    <defs>
      <filter
        id="filter0_f_31_1422"
        x={4.99988}
        y={8.99988}
        width={10.0002}
        height={6.52014}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_31_1422"
        />
      </filter>
      <filter
        id="filter1_f_31_1422"
        x={16.4999}
        y={9.49988}
        width={9.00024}
        height={5.52014}
        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_31_1422"
        />
      </filter>
      <filter
        id="filter2_f_31_1422"
        x={7.24988}
        y={4.00079}
        width={8.00024}
        height={5.99475}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_31_1422"
        />
      </filter>
      <filter
        id="filter3_f_31_1422"
        x={15.6724}
        y={4.02277}
        width={8.6275}
        height={6.27631}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.875}
          result="effect1_foregroundBlur_31_1422"
        />
      </filter>
      <filter
        id="filter4_i_31_1422"
        x={2}
        y={15.9995}
        width={12.5005}
        height={13.5005}
        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.5} dy={0.5} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.784314 0 0 0 0 0.745098 0 0 0 0 0.764706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_31_1422"
        />
      </filter>
      <filter
        id="filter5_i_31_1422"
        x={2}
        y={20}
        width={10.5}
        height={9.5}
        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={1.5} dy={0.5} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.749966 0 0 0 0 0.634228 0 0 0 0 0.878564 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_31_1422"
        />
      </filter>
      <filter
        id="filter6_i_31_1422"
        x={21.0005}
        y={20}
        width={10.5}
        height={9.5}
        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={1.5} dy={0.5} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.749966 0 0 0 0 0.634228 0 0 0 0 0.878564 0 0 0 0.8 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_31_1422"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)"
      >
        <stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
        <stop offset={0.972509} stopColor="#FF7DCE" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 14) rotate(135) scale(41.0122)"
      >
        <stop offset={0.314853} stopOpacity={0} />
        <stop offset={1} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)"
      >
        <stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
        <stop offset={1} stopColor="#715B32" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)"
      >
        <stop stopColor="#FFB849" />
        <stop offset={1} stopColor="#FFB847" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)"
      >
        <stop stopColor="#FFA64B" />
        <stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)"
      >
        <stop offset={0.185425} stopOpacity={0} />
        <stop offset={1} stopOpacity={0.4} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_31_1422"
        x1={16}
        y1={17.9262}
        x2={16}
        y2={19.9887}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4F3C43" />
        <stop offset={1} stopColor="#512756" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.5 10) rotate(90) scale(3.5 4.7996)"
      >
        <stop stopColor="#52383E" />
        <stop offset={0.651042} stopColor="#5C4553" />
        <stop offset={1} stopColor="#432A35" />
      </radialGradient>
      <linearGradient
        id="paint10_linear_31_1422"
        x1={21.5}
        y1={10.5}
        x2={21.0381}
        y2={12.9115}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52383E" />
        <stop offset={1} stopColor="#432A35" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.5 7) rotate(-63.435) scale(2.23607 3.35294)"
      >
        <stop stopColor="#301E26" />
        <stop offset={1} stopColor="#52383E" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5 7) rotate(-116.565) scale(2.23607 3.35294)"
      >
        <stop stopColor="#301E26" />
        <stop offset={1} stopColor="#52383E" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.18312 22) rotate(56.3916) scale(9.60569 18.9147)"
      >
        <stop offset={0.336345} stopColor="#FEF4FF" />
        <stop offset={1} stopColor="#F8B1FF" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7 19.5) rotate(139.399) scale(4.60977)"
      >
        <stop stopColor="#EEEAF9" stopOpacity={0} />
        <stop offset={0.910262} stopColor="#C39ED9" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12 24.5) rotate(95.1944) scale(5.52268)"
      >
        <stop stopColor="#FAE8FF" stopOpacity={0} />
        <stop offset={0.910262} stopColor="#EC94FF" />
      </radialGradient>
      <radialGradient
        id="paint16_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.5 22) rotate(135) scale(11.3137)"
      >
        <stop offset={0.15664} stopColor="#FFF6FF" />
        <stop offset={0.741349} stopColor="#E88DFF" />
      </radialGradient>
      <linearGradient
        id="paint17_linear_31_1422"
        x1={26.5}
        y1={19}
        x2={21.5}
        y2={25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFF8FF" />
        <stop offset={0.455337} stopColor="#D0C1DB" />
        <stop offset={0.873798} stopColor="#C28EEC" />
      </linearGradient>
      <radialGradient
        id="paint18_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.0005 19.5) rotate(135.003) scale(5.6572)"
      >
        <stop stopColor="#EEEAF9" stopOpacity={0} />
        <stop offset={0.910262} stopColor="#C39ED9" />
      </radialGradient>
      <radialGradient
        id="paint19_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21 23.5) rotate(108.435) scale(6.32456)"
      >
        <stop stopColor="#C38EEC" />
        <stop offset={0.910262} stopColor="#EC94FF" />
      </radialGradient>
      <radialGradient
        id="paint20_radial_31_1422"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.5005 22) rotate(135) scale(11.3137)"
      >
        <stop offset={0.15664} stopColor="#FFF6FF" />
        <stop offset={0.741349} stopColor="#E88DFF" />
      </radialGradient>
      <clipPath id="clip0_31_1422">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = FaceWithSteamFromNoseIcon;