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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const EyeInSpeechBubbleIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 33"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g clipPath="url(#clip0_7161_6142)">
      <path
        d="M29.5987 16.5168C27.88 12.6887 23.3143 8.00122 16.1456 8.00122C8.95699 8.00122 4.39853 12.2025 2.4581 16.2668C1.9878 17.2519 2.07461 18.781 2.5831 19.6418C4.3956 23.3918 8.93006 27.6262 16.0987 27.6262C17.0595 27.6262 18.0332 27.5201 18.9084 27.3694C19.3632 27.2911 19.8337 27.3506 20.2405 27.5685C21.4063 28.1931 22.5778 28.8704 24.072 29.7085C24.5306 29.9658 24.9255 29.6819 24.8956 29.1575L24.6695 25.7414C24.6352 25.223 24.8737 24.7259 25.2893 24.414C27.3928 22.8351 28.1774 21.8072 29.3644 19.8918C29.8928 19.0409 30.0206 17.5637 29.5987 16.5168Z"
        fill="url(#paint0_radial_7161_6142)"
      />
      <path
        d="M29.5987 16.5168C27.88 12.6887 23.3143 8.00122 16.1456 8.00122C8.95699 8.00122 4.39853 12.2025 2.4581 16.2668C1.9878 17.2519 2.07461 18.781 2.5831 19.6418C4.3956 23.3918 8.93006 27.6262 16.0987 27.6262C17.0595 27.6262 18.0332 27.5201 18.9084 27.3694C19.3632 27.2911 19.8337 27.3506 20.2405 27.5685C21.4063 28.1931 22.5778 28.8704 24.072 29.7085C24.5306 29.9658 24.9255 29.6819 24.8956 29.1575L24.6695 25.7414C24.6352 25.223 24.8737 24.7259 25.2893 24.414C27.3928 22.8351 28.1774 21.8072 29.3644 19.8918C29.8928 19.0409 30.0206 17.5637 29.5987 16.5168Z"
        fill="url(#paint1_radial_7161_6142)"
      />
      <path
        d="M29.5987 16.5168C27.88 12.6887 23.3143 8.00122 16.1456 8.00122C8.95699 8.00122 4.39853 12.2025 2.4581 16.2668C1.9878 17.2519 2.07461 18.781 2.5831 19.6418C4.3956 23.3918 8.93006 27.6262 16.0987 27.6262C17.0595 27.6262 18.0332 27.5201 18.9084 27.3694C19.3632 27.2911 19.8337 27.3506 20.2405 27.5685C21.4063 28.1931 22.5778 28.8704 24.072 29.7085C24.5306 29.9658 24.9255 29.6819 24.8956 29.1575L24.6695 25.7414C24.6352 25.223 24.8737 24.7259 25.2893 24.414C27.3928 22.8351 28.1774 21.8072 29.3644 19.8918C29.8928 19.0409 30.0206 17.5637 29.5987 16.5168Z"
        fill="url(#paint2_radial_7161_6142)"
      />
      <circle
        cx={16}
        cy={17.7981}
        r={6.64062}
        fill="url(#paint3_linear_7161_6142)"
      />
      <g filter="url(#filter0_f_7161_6142)">
        <circle cx={15.3125} cy={18.9031} r={3.83061} fill="#C9C5CC" />
      </g>
      <circle
        cx={16}
        cy={17.7981}
        r={3.83061}
        fill="url(#paint4_radial_7161_6142)"
      />
      <circle
        cx={16}
        cy={17.7981}
        r={3.83061}
        fill="url(#paint5_radial_7161_6142)"
        fillOpacity={0.4}
      />
      <g filter="url(#filter1_f_7161_6142)">
        <ellipse
          cx={23.8168}
          cy={16.7043}
          rx={5.29624}
          ry={3.48438}
          fill="url(#paint6_radial_7161_6142)"
        />
      </g>
      <g filter="url(#filter2_f_7161_6142)">
        <path
          d="M22.6768 26.4387L24.4268 29.0168L24.1768 24.9387L22.6768 26.4387Z"
          fill="url(#paint7_linear_7161_6142)"
        />
      </g>
      <g filter="url(#filter3_f_7161_6142)">
        <path
          d="M20.4249 27.1262C20.8832 26.9114 22.3069 26.1981 24.3351 25.0637"
          stroke="url(#paint8_linear_7161_6142)"
          strokeWidth={0.25}
          strokeLinecap="round"
        />
      </g>
      <g filter="url(#filter4_f_7161_6142)">
        <path
          d="M8.05185 25.1262C12.0518 27.6887 18.0143 27.6869 20.6143 26.5869"
          stroke="url(#paint9_linear_7161_6142)"
          strokeWidth={0.2}
        />
      </g>
      <g filter="url(#filter5_f_7161_6142)">
        <path
          d="M24.9737 24.2668C24.8487 24.4075 24.3956 24.8059 23.9737 25.0637"
          stroke="#9D86A5"
          strokeOpacity={0.5}
          strokeWidth={0.2}
        />
      </g>
    </g>
    <defs>
      <filter
        id="filter0_f_7161_6142"
        x={10.4819}
        y={14.0725}
        width={9.66122}
        height={9.66113}
        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_7161_6142"
        />
      </filter>
      <filter
        id="filter1_f_7161_6142"
        x={15.5206}
        y={10.22}
        width={16.5925}
        height={12.9688}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7161_6142"
        />
      </filter>
      <filter
        id="filter2_f_7161_6142"
        x={21.6768}
        y={23.9387}
        width={3.75}
        height={6.07812}
        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_7161_6142"
        />
      </filter>
      <filter
        id="filter3_f_7161_6142"
        x={19.7999}
        y={24.4387}
        width={5.16021}
        height={3.3125}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_7161_6142"
        />
      </filter>
      <filter
        id="filter4_f_7161_6142"
        x={7.49791}
        y={24.542}
        width={13.6554}
        height={3.34399}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_7161_6142"
        />
      </filter>
      <filter
        id="filter5_f_7161_6142"
        x={23.4216}
        y={23.7004}
        width={2.12688}
        height={1.94873}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_7161_6142"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.1456 9.75122) rotate(56.8886) scale(17.1619 32.1981)"
      >
        <stop stopColor="#3B3444" />
        <stop offset={1} stopColor="#573561" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(31.8956 20.6887) rotate(180) scale(8.6875 14.6875)"
      >
        <stop stopColor="#3B3444" />
        <stop offset={1} stopColor="#3D3446" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 22.3137) rotate(-90) scale(15.375 16.4794)"
      >
        <stop offset={0.886179} stopColor="#72667B" stopOpacity={0} />
        <stop offset={1} stopColor="#72667B" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_7161_6142"
        x1={11.2081}
        y1={11.8137}
        x2={18.0206}
        y2={25.0637}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DCDBDF" />
        <stop offset={1} stopColor="#D4D0D7" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.5206 13.9675) rotate(58.8583) scale(8.21803 14.0051)"
      >
        <stop stopColor="#3B3444" />
        <stop offset={1} stopColor="#573561" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.7706 12.9388) rotate(136.052) scale(8.01506 5.71056)"
      >
        <stop stopColor="#DAD8DD" />
        <stop offset={1} stopColor="#DAD8DD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_7161_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.3147 15.7375) rotate(180) scale(6.79584 3.20501)"
      >
        <stop stopColor="#DAD8DD" stopOpacity={0.5} />
        <stop offset={1} stopColor="#DAD8DD" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_7161_6142"
        x1={23.3331}
        y1={26.0325}
        x2={24.6143}
        y2={30.22}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D5B76" />
        <stop offset={1} stopColor="#6D5B76" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_7161_6142"
        x1={24.5499}
        y1={25.5364}
        x2={20.8546}
        y2={27.8567}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#312343" stopOpacity={0} />
        <stop offset={0.291667} stopColor="#312343" />
        <stop offset={0.739583} stopColor="#312343" />
        <stop offset={1} stopColor="#312343" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_7161_6142"
        x1={19.5987}
        y1={27.2356}
        x2={11.1768}
        y2={27.6418}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#865994" />
        <stop offset={1} stopColor="#865994" stopOpacity={0} />
      </linearGradient>
      <clipPath id="clip0_7161_6142">
        <rect
          width={32}
          height={32}
          fill="white"
          transform="translate(0 0.0012207)"
        />
      </clipPath>
    </defs>
  </svg>
);
module.exports = EyeInSpeechBubbleIcon;