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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FaceScreamingInFearIcon = ({ 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_1656)">
      <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_1656)"
      />
      <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_1656)"
      />
      <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_1656)"
        fillOpacity={0.6}
      />
      <circle cx={9} cy={13} r={5} fill="url(#paint3_radial_31_1656)" />
      <circle cx={19.5} cy={13.5} r={4.5} fill="url(#paint4_radial_31_1656)" />
      <circle cx={10.5} cy={11.5} r={4.5} fill="white" />
      <circle cx={21.5} cy={11.5} r={4.5} fill="white" />
      <rect
        x={13}
        y={18}
        width={6}
        height={9}
        rx={3}
        fill="url(#paint5_radial_31_1656)"
      />
      <g clipPath="url(#clip1_31_1656)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M19.5655 29.6586C18.4639 29.8806 17.275 29.9978 15.9989 29.9978C9.15963 29.9978 4.82741 26.6332 3 21.7934L3 16H6V19L19.5655 29.6586Z"
          fill="url(#paint6_radial_31_1656)"
        />
        <g filter="url(#filter0_i_31_1656)">
          <path
            d="M1 23.881V18.5C1 17.6716 1.67157 17 2.5 17C3.32843 17 4 17.6716 4 18.5V19.1407C4 19.6776 4.26829 20.1789 4.71495 20.4766L9.22817 23.4854C11.2335 24.8223 11.6183 27.6119 10.0498 29.4418C8.44672 31.3122 5.55328 31.3122 3.95015 29.4418L2.37902 27.6089C1.48914 26.5707 1 25.2484 1 23.881Z"
            fill="url(#paint7_linear_31_1656)"
          />
        </g>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M12.5 29.6586C13.6016 29.8806 14.7905 29.9978 16.0666 29.9978C22.9059 29.9978 27.2381 26.6332 29.0655 21.7934L29.0655 16H26.0655V19L12.5 29.6586Z"
          fill="url(#paint8_radial_31_1656)"
        />
        <g filter="url(#filter1_i_31_1656)">
          <path
            d="M31.0655 23.881V18.5C31.0655 17.6716 30.3939 17 29.5655 17C28.7371 17 28.0655 17.6716 28.0655 18.5V19.1407C28.0655 19.6776 27.7972 20.1789 27.3505 20.4766L22.8373 23.4854C20.832 24.8223 20.4471 27.6119 22.0156 29.4418C23.6188 31.3122 26.5122 31.3122 28.1153 29.4418L29.6865 27.6089C30.5763 26.5707 31.0655 25.2484 31.0655 23.881Z"
            fill="url(#paint9_linear_31_1656)"
          />
        </g>
        <rect
          x={28}
          y={18}
          width={3}
          height={8}
          fill="url(#paint10_radial_31_1656)"
        />
      </g>
    </g>
    <defs>
      <filter
        id="filter0_i_31_1656"
        x={1}
        y={16}
        width={11.0172}
        height={14.8445}
        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={1} dy={-1} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_31_1656"
        />
      </filter>
      <filter
        id="filter1_i_31_1656"
        x={21.0483}
        y={16}
        width={11.0172}
        height={14.8445}
        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={1} dy={-1} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_31_1656"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_1656"
        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_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 49) rotate(-90) scale(51 64.9968)"
      >
        <stop offset={0.670495} stopColor="#BFB2DD" stopOpacity={0} />
        <stop offset={0.747649} stopColor="#A4AEEB" />
        <stop offset={0.811631} stopColor="#379EFF" />
        <stop offset={0.964059} stopColor="#1345B7" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_1656"
        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="paint3_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.8889 9.11111) rotate(135) scale(9.74236 5.49972)"
      >
        <stop offset={0.6341} stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23 10) rotate(135) scale(8.13173 4.59049)"
      >
        <stop offset={0.415102} stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 29) rotate(-90) scale(11 7.33333)"
      >
        <stop offset={0.290336} stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(0.929313 26.9915) rotate(-35.9558) scale(9.35264 11.7708)"
      >
        <stop offset={0.576138} stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_31_1656"
        x1={6.5}
        y1={23.5}
        x2={0.5}
        y2={28}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD556" />
        <stop offset={0.428749} stopColor="#FBA73B" />
        <stop offset={0.839536} stopColor="#F07D54" />
      </linearGradient>
      <radialGradient
        id="paint8_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.5 28.5) rotate(-136.975) scale(10.2591 16.5675)"
      >
        <stop offset={0.577326} stopColor="#985600" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint9_linear_31_1656"
        x1={30}
        y1={23}
        x2={20.5}
        y2={32.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD556" />
        <stop offset={0.34463} stopColor="#FFCA40" />
        <stop offset={0.615109} stopColor="#FBA73B" />
        <stop offset={0.839536} stopColor="#FF6E2E" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_31_1656"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.5 21.2) rotate(90) scale(3.3 1.54688)"
      >
        <stop stopColor="#FFE045" />
        <stop offset={1} stopColor="#FFDE44" stopOpacity={0} />
      </radialGradient>
      <clipPath id="clip0_31_1656">
        <rect width={32} height={32} fill="white" />
      </clipPath>
      <clipPath id="clip1_31_1656">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = FaceScreamingInFearIcon;