@jstnmthw/react-fluentui-emoji/icons/SleepingFaceIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SleepingFaceIcon = ({ 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}
    <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_89)"
    />
    <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_89)"
    />
    <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_89)"
    />
    <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_89)"
      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_89)"
    />
    <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_89)"
    />
    <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_89)"
    />
    <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_89)"
    />
    <path
      d="M7 17C7 17 8 18 10 18C12 18 13 17 13 17"
      stroke="url(#paint8_linear_31_89)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M19 17C19 17 20 18 22 18C24 18 25 17 25 17"
      stroke="url(#paint9_linear_31_89)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <rect
      x={14}
      y={22}
      width={4}
      height={4}
      rx={2}
      fill="url(#paint10_radial_31_89)"
    />
    <rect
      x={8}
      width={20}
      height={20}
      rx={10}
      fill="url(#paint11_radial_31_89)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M28.78 2.37425C29.0244 2.67888 29.0691 3.09789 28.8944 3.44719L26.8668 7.50251L28.7575 7.02984C29.2933 6.89589 29.8362 7.22165 29.9701 7.75744C30.1041 8.29324 29.7783 8.83617 29.2425 8.97012L25.2425 9.97012C24.8637 10.0648 24.4643 9.93034 24.22 9.62571C23.9756 9.32108 23.9309 8.90207 24.1056 8.55276L26.1332 4.49745L24.2425 4.97012C23.7067 5.10407 23.1638 4.77831 23.0298 4.24251C22.8959 3.70672 23.2217 3.16378 23.7575 3.02984L27.7575 2.02984C28.1363 1.93512 28.5357 2.06962 28.78 2.37425Z"
      fill="url(#paint12_linear_31_89)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M28.78 2.37425C29.0244 2.67888 29.0691 3.09789 28.8944 3.44719L26.8668 7.50251L28.7575 7.02984C29.2933 6.89589 29.8362 7.22165 29.9701 7.75744C30.1041 8.29324 29.7783 8.83617 29.2425 8.97012L25.2425 9.97012C24.8637 10.0648 24.4643 9.93034 24.22 9.62571C23.9756 9.32108 23.9309 8.90207 24.1056 8.55276L26.1332 4.49745L24.2425 4.97012C23.7067 5.10407 23.1638 4.77831 23.0298 4.24251C22.8959 3.70672 23.2217 3.16378 23.7575 3.02984L27.7575 2.02984C28.1363 1.93512 28.5357 2.06962 28.78 2.37425Z"
      fill="url(#paint13_radial_31_89)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M26.0766 2.45006L27.7575 2.02984C28.1363 1.93512 28.5357 2.06962 28.78 2.37425C29.0244 2.67888 29.0691 3.09789 28.8944 3.44719L28.1198 4.99647C28.0802 4.99881 28.0402 5 28 5C26.8954 5 26 4.10457 26 3C26 2.80927 26.0267 2.62478 26.0766 2.45006Z"
      fill="url(#paint14_radial_31_89)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M19 6.5C19 6.22386 19.2239 6 19.5 6H22.5C22.6894 6 22.8625 6.107 22.9472 6.27639C23.0319 6.44579 23.0136 6.64849 22.9 6.8L20.5 10H22.5C22.7761 10 23 10.2239 23 10.5C23 10.7761 22.7761 11 22.5 11H19.5C19.3106 11 19.1375 10.893 19.0528 10.7236C18.9681 10.5542 18.9864 10.3515 19.1 10.2L21.5 7H19.5C19.2239 7 19 6.77614 19 6.5Z"
      fill="#00A6ED"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14.0257 8.3419C14.113 8.07993 14.3962 7.93835 14.6581 8.02567L17.6581 9.02567C17.8452 9.08803 17.9781 9.25451 17.9976 9.45074C18.017 9.64698 17.9193 9.8363 17.7481 9.93414L15.219 11.3793L17.1581 12.0257C17.4201 12.113 17.5617 12.3962 17.4744 12.6581C17.387 12.9201 17.1039 13.0617 16.8419 12.9744L13.8419 11.9744C13.6548 11.912 13.5219 11.7455 13.5024 11.5493C13.483 11.3531 13.5807 11.1637 13.7519 11.0659L16.281 9.62072L14.3419 8.97436C14.0799 8.88703 13.9383 8.60387 14.0257 8.3419Z"
      fill="#00A6ED"
    />
    <defs>
      <radialGradient
        id="paint0_radial_31_89"
        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_89"
        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_89"
        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_89"
        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_89"
        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_89"
        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_89"
        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_89"
        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_89"
        x1={11.2}
        y1={16.75}
        x2={10.9649}
        y2={18.1608}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52383E" />
        <stop offset={1} stopColor="#432A35" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_31_89"
        x1={23.2}
        y1={16.75}
        x2={22.9649}
        y2={18.1608}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52383E" />
        <stop offset={1} stopColor="#432A35" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_31_89"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 26.8889) rotate(-90) scale(4.88889)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_31_89"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 11.5) rotate(-21.8014) scale(8.07775 5.76555)"
      >
        <stop stopColor="#EFA031" />
        <stop offset={1} stopColor="#F0A83E" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint12_linear_31_89"
        x1={24}
        y1={8.49998}
        x2={28}
        y2={6.49998}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2C80E2" />
        <stop offset={1} stopColor="#00A6ED" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_31_89"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29 7.5) rotate(164.055) scale(3.64006 0.840972)"
      >
        <stop stopColor="#63BEFE" />
        <stop offset={1} stopColor="#63BEFE" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_31_89"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28 2.5) rotate(45) scale(1.41421)"
      >
        <stop stopColor="#63BEFE" />
        <stop offset={1} stopColor="#4FB5FC" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SleepingFaceIcon;