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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FaceWithDiagonalMouthIcon = ({ 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_14396_1066)"
    />
    <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_14396_1066)"
    />
    <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_14396_1066)"
    />
    <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_14396_1066)"
      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_14396_1066)"
    />
    <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_14396_1066)"
    />
    <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_14396_1066)"
    />
    <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_14396_1066)"
    />
    <path
      d="M16.9978 11.5006C16.9978 13.9861 19.0128 16.0011 21.4984 16.0011C23.984 16.0011 25.9989 13.9861 25.9989 11.5006C25.9989 9.01497 23.984 7 21.4984 7C19.0128 7 16.9978 9.01497 16.9978 11.5006Z"
      fill="white"
    />
    <path
      d="M14.9989 11.5006C14.9989 13.9861 12.984 16.0011 10.4984 16.0011C8.01277 16.0011 5.9978 13.9861 5.9978 11.5006C5.9978 9.01497 8.01277 7 10.4984 7C12.984 7 14.9989 9.01497 14.9989 11.5006Z"
      fill="white"
    />
    <path
      d="M11.12 14.6908C12.8929 14.6908 14.3302 13.2535 14.3302 11.4806C14.3302 9.70773 12.8929 8.27051 11.12 8.27051C9.34713 8.27051 7.90991 9.70773 7.90991 11.4806C7.90991 13.2535 9.34713 14.6908 11.12 14.6908Z"
      fill="#3F2931"
    />
    <path
      d="M20.8769 14.6908C19.104 14.6908 17.6667 13.2535 17.6667 11.4806C17.6667 9.70773 19.104 8.27051 20.8769 8.27051C22.6498 8.27051 24.087 9.70773 24.087 11.4806C24.087 13.2535 22.6498 14.6908 20.8769 14.6908Z"
      fill="#3F2931"
    />
    <rect
      x={10.0105}
      y={20.7861}
      width={11.9062}
      height={1.89062}
      rx={0.945312}
      transform="rotate(-15.5737 10.0105 20.7861)"
      fill="url(#paint8_linear_14396_1066)"
    />
    <rect
      x={10.0105}
      y={20.7861}
      width={11.9062}
      height={1.89062}
      rx={0.945312}
      transform="rotate(-15.5737 10.0105 20.7861)"
      fill="url(#paint9_linear_14396_1066)"
    />
    <rect
      x={10.0105}
      y={20.7861}
      width={11.9062}
      height={1.89062}
      rx={0.945312}
      transform="rotate(-15.5737 10.0105 20.7861)"
      fill="url(#paint10_radial_14396_1066)"
    />
    <g filter="url(#filter0_f_14396_1066)">
      <path
        d="M11.1553 21.2632L20.9205 18.5415"
        stroke="#5C4B51"
        strokeWidth={0.3}
      />
    </g>
    <defs>
      <filter
        id="filter0_f_14396_1066"
        x={10.515}
        y={17.797}
        width={11.0458}
        height={4.21062}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.3}
          result="effect1_foregroundBlur_14396_1066"
        />
      </filter>
      <radialGradient
        id="paint0_radial_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        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_14396_1066"
        x1={15.9636}
        y1={20.7861}
        x2={15.9636}
        y2={22.4268}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4B383A" />
        <stop offset={1} stopColor="#53265D" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_14396_1066"
        x1={10.0105}
        y1={21.7314}
        x2={11.1355}
        y2={21.7314}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#503333" />
        <stop offset={1} stopColor="#503333" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_14396_1066"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.9675 21.2492) rotate(160.527) scale(1.5746 1.22898)"
      >
        <stop stopColor="#605052" />
        <stop offset={1} stopColor="#605052" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FaceWithDiagonalMouthIcon;