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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FaceHoldingBackTearsIcon = ({ 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_1079)"
    />
    <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_1079)"
    />
    <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_1079)"
    />
    <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_1079)"
      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_1079)"
    />
    <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_1079)"
    />
    <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_1079)"
    />
    <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_1079)"
    />
    <path
      d="M14.9615 16.6329C14.9615 18.9677 13.0688 20.8604 10.7339 20.8604C8.3991 20.8604 6.50635 18.9677 6.50635 16.6329C6.50635 14.298 8.3991 12.4053 10.7339 12.4053C13.0688 12.4053 14.9615 14.298 14.9615 16.6329Z"
      fill="white"
    />
    <path
      d="M17.0001 16.6329C17.0001 18.9677 18.8928 20.8604 21.2277 20.8604C23.5625 20.8604 25.4553 18.9677 25.4553 16.6329C25.4553 14.298 23.5625 12.4053 21.2277 12.4053C18.8928 12.4053 17.0001 14.298 17.0001 16.6329Z"
      fill="white"
    />
    <path
      d="M17.1447 16.3213C17.1447 18.3654 18.8017 20.0225 20.8458 20.0225C22.8899 20.0225 24.547 18.3654 24.547 16.3213C24.547 14.2772 22.8899 12.6201 20.8458 12.6201C18.8017 12.6201 17.1447 14.2772 17.1447 16.3213Z"
      fill="#3E272F"
    />
    <path
      d="M11.1156 20.0225C13.1597 20.0225 14.8168 18.3654 14.8168 16.3213C14.8168 14.2772 13.1597 12.6201 11.1156 12.6201C9.0715 12.6201 7.41443 14.2772 7.41443 16.3213C7.41443 18.3654 9.0715 20.0225 11.1156 20.0225Z"
      fill="#3E272F"
    />
    <g filter="url(#filter0_i_14396_1079)">
      <path
        d="M14.211 19.0371C13.4024 20.2145 12.0682 20.9867 10.5319 20.9867C10.0791 20.9867 9.64199 20.9196 9.22992 20.7949C9.13613 20.7665 9.03918 20.8351 9.03918 20.9331C9.03918 21.5428 8.5449 22.0371 7.93518 22.0371C7.32546 22.0371 6.83118 21.5428 6.83118 20.9331L6.83118 20.0371C6.83117 19.4848 7.27889 19.0371 7.83118 19.0371H14.211Z"
        fill="#427DFF"
      />
      <path
        d="M14.211 19.0371C13.4024 20.2145 12.0682 20.9867 10.5319 20.9867C10.0791 20.9867 9.64199 20.9196 9.22992 20.7949C9.13613 20.7665 9.03918 20.8351 9.03918 20.9331C9.03918 21.5428 8.5449 22.0371 7.93518 22.0371C7.32546 22.0371 6.83118 21.5428 6.83118 20.9331L6.83118 20.0371C6.83117 19.4848 7.27889 19.0371 7.83118 19.0371H14.211Z"
        fill="url(#paint8_radial_14396_1079)"
      />
    </g>
    <g filter="url(#filter1_i_14396_1079)">
      <path
        d="M17.7505 19.0371C18.5591 20.2145 19.8932 20.9867 21.4295 20.9867C21.8823 20.9867 22.3194 20.9196 22.7315 20.7949C22.8253 20.7665 22.9223 20.8351 22.9223 20.9331C22.9223 21.5428 23.4165 22.0371 24.0263 22.0371C24.636 22.0371 25.1303 21.5428 25.1303 20.9331L25.1303 20.0371C25.1303 19.4848 24.6826 19.0371 24.1303 19.0371H17.7505Z"
        fill="#4376FF"
      />
      <path
        d="M17.7505 19.0371C18.5591 20.2145 19.8932 20.9867 21.4295 20.9867C21.8823 20.9867 22.3194 20.9196 22.7315 20.7949C22.8253 20.7665 22.9223 20.8351 22.9223 20.9331C22.9223 21.5428 23.4165 22.0371 24.0263 22.0371C24.636 22.0371 25.1303 21.5428 25.1303 20.9331L25.1303 20.0371C25.1303 19.4848 24.6826 19.0371 24.1303 19.0371H17.7505Z"
        fill="url(#paint9_radial_14396_1079)"
      />
      <path
        d="M17.7505 19.0371C18.5591 20.2145 19.8932 20.9867 21.4295 20.9867C21.8823 20.9867 22.3194 20.9196 22.7315 20.7949C22.8253 20.7665 22.9223 20.8351 22.9223 20.9331C22.9223 21.5428 23.4165 22.0371 24.0263 22.0371C24.636 22.0371 25.1303 21.5428 25.1303 20.9331L25.1303 20.0371C25.1303 19.4848 24.6826 19.0371 24.1303 19.0371H17.7505Z"
        fill="url(#paint10_radial_14396_1079)"
      />
    </g>
    <g filter="url(#filter2_f_14396_1079)">
      <path
        d="M6.59824 11.9185C7.46658 11.8549 9.83869 11.0077 10.3788 8.39209"
        stroke="url(#paint11_linear_14396_1079)"
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_14396_1079)">
      <path
        d="M24.9272 11.9185C24.0588 11.8549 21.6867 11.0077 21.1466 8.39209"
        stroke="url(#paint12_linear_14396_1079)"
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter4_i_14396_1079)">
      <path
        d="M6.59824 11.2168C7.46658 11.1533 9.83869 10.3061 10.3788 7.69043"
        stroke="#4F384A"
        strokeWidth={1.3}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter5_i_14396_1079)">
      <path
        d="M25.3632 11.2168C24.4948 11.1533 22.1227 10.3061 21.5826 7.69043"
        stroke="#462E2E"
        strokeWidth={1.3}
        strokeLinecap="round"
      />
    </g>
    <ellipse
      cx={22.5219}
      cy={15.1244}
      rx={1.1782}
      ry={1.4837}
      transform="rotate(-37.3021 22.5219 15.1244)"
      fill="url(#paint13_radial_14396_1079)"
    />
    <ellipse
      cx={12.4594}
      cy={15.1244}
      rx={1.1782}
      ry={1.4837}
      transform="rotate(-37.3021 12.4594 15.1244)"
      fill="url(#paint14_radial_14396_1079)"
    />
    <g filter="url(#filter6_i_14396_1079)">
      <path
        d="M13.1331 22.5444C13.4118 23.0757 14.3819 24.0991 15.9388 24.0991C17.4957 24.0991 18.4888 23.0757 18.8284 22.5444"
        stroke="url(#paint15_radial_14396_1079)"
        strokeWidth={1.9}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_14396_1079"
        x={6.83118}
        y={18.6371}
        width={7.77976}
        height={3.4}
        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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.317647 0 0 0 0 0.380392 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_14396_1079"
        />
      </filter>
      <filter
        id="filter1_i_14396_1079"
        x={17.7505}
        y={18.7871}
        width={7.77976}
        height={3.25}
        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.4} dy={-0.25} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.207843 0 0 0 0 0.352941 0 0 0 0 0.901961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_14396_1079"
        />
      </filter>
      <filter
        id="filter2_f_14396_1079"
        x={5.09827}
        y={6.89197}
        width={6.78064}
        height={6.52649}
        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_14396_1079"
        />
      </filter>
      <filter
        id="filter3_f_14396_1079"
        x={19.6465}
        y={6.89197}
        width={6.7807}
        height={6.52649}
        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_14396_1079"
        />
      </filter>
      <filter
        id="filter4_i_14396_1079"
        x={5.94824}
        y={7.04028}
        width={5.48075}
        height={5.22654}
        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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.298039 0 0 0 0 0.211765 0 0 0 0 0.211765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_14396_1079"
        />
      </filter>
      <filter
        id="filter5_i_14396_1079"
        x={20.5324}
        y={7.04028}
        width={5.48081}
        height={5.22654}
        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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.368627 0 0 0 0 0.309804 0 0 0 0 0.309804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_14396_1079"
        />
      </filter>
      <filter
        id="filter6_i_14396_1079"
        x={12.1829}
        y={21.5942}
        width={7.99564}
        height={3.95483}
        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.4} dy={0.5} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.266667 0 0 0 0 0.196078 0 0 0 0 0.215686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_14396_1079"
        />
      </filter>
      <radialGradient
        id="paint0_radial_14396_1079"
        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_1079"
        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_1079"
        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_1079"
        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_1079"
        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_1079"
        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_1079"
        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_1079"
        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_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.85461 21.05) rotate(-64.8852) scale(0.748505 2.02763)"
      >
        <stop stopColor="#4C5FE0" />
        <stop offset={1} stopColor="#4C5FE0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.8668 19.4277) rotate(133.002) scale(1.90151 1.69016)"
      >
        <stop stopColor="#5596FF" />
        <stop offset={1} stopColor="#5596FF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.9137 19.0371) rotate(90) scale(1.09367 3)"
      >
        <stop stopColor="#3D7FFF" />
        <stop offset={1} stopColor="#4377FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_14396_1079"
        x1={10.3788}
        y1={7.70682}
        x2={8.48855}
        y2={11.9185}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CE8D24" />
        <stop offset={1} stopColor="#D39522" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_14396_1079"
        x1={21.1465}
        y1={7.70682}
        x2={23.6012}
        y2={12.0212}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D48C0E" />
        <stop offset={1} stopColor="#D59116" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.374 16.6312) rotate(-70.1721) scale(2.96206 3.64293)"
      >
        <stop offset={0.134935} stopColor="#FAF9F9" stopOpacity={0} />
        <stop offset={1} stopColor="#FAF9F9" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.3115 16.6312) rotate(-70.1721) scale(2.96206 3.64293)"
      >
        <stop offset={0.134935} stopColor="#FAF9F9" stopOpacity={0} />
        <stop offset={1} stopColor="#FAF9F9" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_14396_1079"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.9807 21.9741) rotate(90) scale(2.71875 4.53629)"
      >
        <stop offset={0.500477} stopColor="#4A3842" />
        <stop offset={1} stopColor="#542661" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FaceHoldingBackTearsIcon;