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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const UpsideDownFaceIcon = ({ 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_23_426)"
    />
    <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_23_426)"
    />
    <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_23_426)"
    />
    <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_23_426)"
      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_23_426)"
    />
    <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_23_426)"
    />
    <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_23_426)"
    />
    <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_23_426)"
    />
    <circle
      r={4.6733}
      transform="matrix(1 0 0 -1 9.01705 18.5795)"
      fill="url(#paint8_radial_23_426)"
    />
    <circle
      r={4.24431}
      transform="matrix(1 0 0 -1 19.2443 18.0568)"
      fill="url(#paint9_radial_23_426)"
    />
    <path
      d="M10.4191 15.7756C12.742 15.7756 14.6251 17.6586 14.6251 19.9815C14.6251 22.3044 12.742 24.1875 10.4191 24.1875C8.09621 24.1875 6.21313 22.3044 6.21313 19.9815C6.21313 17.6586 8.09621 15.7756 10.4191 15.7756Z"
      fill="white"
    />
    <path
      d="M21.5683 15.6989C23.9123 15.6989 25.8126 17.5991 25.8126 19.9432C25.8126 22.2873 23.9123 24.1875 21.5683 24.1875C19.2242 24.1875 17.324 22.2873 17.324 19.9432C17.324 17.5991 19.2242 15.6989 21.5683 15.6989Z"
      fill="white"
    />
    <path
      d="M11 17C12.6569 17 14 18.3431 14 20C14 21.6569 12.6569 23 11 23C9.34315 23 8 21.6569 8 20C8 18.3431 9.34315 17 11 17Z"
      fill="url(#paint10_linear_23_426)"
    />
    <path
      d="M21 17C22.6569 17 24 18.3431 24 20C24 21.6569 22.6569 23 21 23C19.3431 23 18 21.6569 18 20C18 18.3431 19.3431 17 21 17Z"
      fill="url(#paint11_linear_23_426)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.4001 13.7999C10.8419 14.1313 11.4687 14.0418 11.8001 13.5999C12.1094 13.1875 13.5118 11.9999 16.0001 11.9999C18.4883 11.9999 19.8907 13.1875 20.2001 13.5999C20.5314 14.0418 21.1582 14.1313 21.6001 13.7999C22.0419 13.4686 22.1314 12.8418 21.8001 12.3999C21.1094 11.4791 19.1118 9.99994 16.0001 9.99994C12.8883 9.99994 10.8907 11.4791 10.2001 12.3999C9.86869 12.8418 9.95823 13.4686 10.4001 13.7999Z"
      fill="url(#paint12_radial_23_426)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_23_426"
        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_23_426"
        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_23_426"
        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_23_426"
        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_23_426"
        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_23_426"
        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_23_426"
        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_23_426"
        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>
      <radialGradient
        id="paint8_radial_23_426"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.30808 1.03851) rotate(135) scale(9.10579 4.71285)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_23_426"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.54544 0.94318) rotate(135) scale(7.66968 4.32966)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_23_426"
        x1={16.5}
        y1={24}
        x2={15.5}
        y2={17}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_23_426"
        x1={16.5}
        y1={24}
        x2={15.5}
        y2={17}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_23_426"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.0001 14.9999) rotate(-90) scale(5.5 8.41855)"
      >
        <stop offset={0.34763} stopColor="#241A1A" />
        <stop offset={0.628228} stopColor="#57444A" />
        <stop offset={1} stopColor="#4E2553" />
        <stop offset={1} stopColor="#502A56" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = UpsideDownFaceIcon;