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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WearyFaceIcon = ({ 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_1681)">
      <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_1681)"
      />
      <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_1681)"
      />
      <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_1681)"
      />
      <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_1681)"
        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_1681)"
      />
      <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_1681)"
      />
      <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_1681)"
      />
      <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_1681)"
      />
      <path
        d="M7 12C8.5 13.5 11.9301 13.1397 13 11"
        stroke="url(#paint8_linear_31_1681)"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M25 12C23.5 13.5 20.0699 13.1397 19 11"
        stroke="url(#paint9_linear_31_1681)"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M12.5 5C12.7761 5 13 5.22386 13 5.5C13 6.63568 12.5691 7.52418 11.8947 8.1237C11.2294 8.71505 10.3565 9 9.5 9C9.22386 9 9 8.77614 9 8.5C9 8.22386 9.22386 8 9.5 8C10.1435 8 10.7706 7.78495 11.2303 7.3763C11.6809 6.97582 12 6.36432 12 5.5C12 5.22386 12.2239 5 12.5 5Z"
        fill="url(#paint10_linear_31_1681)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.5 5C19.2239 5 19 5.22386 19 5.5C19 6.63568 19.4309 7.52418 20.1053 8.1237C20.7706 8.71505 21.6435 9 22.5 9C22.7761 9 23 8.77614 23 8.5C23 8.22386 22.7761 8 22.5 8C21.8565 8 21.2294 7.78495 20.7697 7.3763C20.3191 6.97582 20 6.36432 20 5.5C20 5.22386 19.7761 5 19.5 5Z"
        fill="url(#paint11_linear_31_1681)"
      />
      <path
        d="M24.6572 22.5311C25.0351 23.8591 23.8809 25 22.5002 25C18.1342 25 13.6181 25 9.49955 25C8.11883 25 6.96486 23.8591 7.34285 22.5311C8.416 18.7609 11.8856 16 16 16C20.1144 16 23.584 18.7609 24.6572 22.5311Z"
        fill="url(#paint12_radial_31_1681)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M21.6573 18H10.3427C11.8884 16.7492 13.8567 16 16 16C18.1433 16 20.1116 16.7492 21.6573 18Z"
        fill="url(#paint13_radial_31_1681)"
      />
    </g>
    <defs>
      <radialGradient
        id="paint0_radial_31_1681"
        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_1681"
        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_1681"
        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_1681"
        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_1681"
        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_1681"
        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_1681"
        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_1681"
        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_1681"
        x1={11.2}
        y1={11.75}
        x2={10.9649}
        y2={13.1608}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52383E" />
        <stop offset={1} stopColor="#432A35" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_31_1681"
        x1={20.8}
        y1={11.75}
        x2={21.0351}
        y2={13.1608}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52383E" />
        <stop offset={1} stopColor="#432A35" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_31_1681"
        x1={9.66665}
        y1={9.39987}
        x2={9.66665}
        y2={7.59992}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_31_1681"
        x1={21}
        y1={7}
        x2={19.5}
        y2={8.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_31_1681"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 27) rotate(-90) scale(10.5 28.4095)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_31_1681"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.0003 19.5) rotate(-49.405) scale(4.60934 6.29018)"
      >
        <stop offset={0.454233} stopColor="white" />
        <stop offset={0.839648} stopColor="#ECCDFF" />
        <stop offset={1} stopColor="#D590FF" />
      </radialGradient>
      <clipPath id="clip0_31_1681">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = WearyFaceIcon;