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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BubblesIcon = ({ 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="M21.1741 18.8954C25.7844 18.8954 29.5218 15.158 29.5218 10.5477C29.5218 5.93735 25.7844 2.19995 21.1741 2.19995C16.5638 2.19995 12.8264 5.93735 12.8264 10.5477C12.8264 15.158 16.5638 18.8954 21.1741 18.8954Z"
      fill="url(#paint0_linear_4793_1042)"
    />
    <path
      d="M21.1741 18.8954C25.7844 18.8954 29.5218 15.158 29.5218 10.5477C29.5218 5.93735 25.7844 2.19995 21.1741 2.19995C16.5638 2.19995 12.8264 5.93735 12.8264 10.5477C12.8264 15.158 16.5638 18.8954 21.1741 18.8954Z"
      fill="url(#paint1_radial_4793_1042)"
    />
    <g filter="url(#filter0_f_4793_1042)">
      <path
        d="M21.1741 17.8409C25.2021 17.8409 28.4674 14.5756 28.4674 10.5476C28.4674 6.51969 25.2021 3.25439 21.1741 3.25439C17.1462 3.25439 13.8809 6.51969 13.8809 10.5476C13.8809 14.5756 17.1462 17.8409 21.1741 17.8409Z"
        fill="url(#paint2_radial_4793_1042)"
      />
      <path
        d="M21.1741 17.8409C25.2021 17.8409 28.4674 14.5756 28.4674 10.5476C28.4674 6.51969 25.2021 3.25439 21.1741 3.25439C17.1462 3.25439 13.8809 6.51969 13.8809 10.5476C13.8809 14.5756 17.1462 17.8409 21.1741 17.8409Z"
        fill="url(#paint3_radial_4793_1042)"
      />
    </g>
    <g filter="url(#filter1_f_4793_1042)">
      <path
        d="M21.1741 17.5251C25.0276 17.5251 28.1515 14.4012 28.1515 10.5477C28.1515 6.6942 25.0276 3.57031 21.1741 3.57031C17.3205 3.57031 14.1967 6.6942 14.1967 10.5477C14.1967 14.4012 17.3205 17.5251 21.1741 17.5251Z"
        fill="url(#paint4_radial_4793_1042)"
      />
      <path
        d="M21.1741 17.5251C25.0276 17.5251 28.1515 14.4012 28.1515 10.5477C28.1515 6.6942 25.0276 3.57031 21.1741 3.57031C17.3205 3.57031 14.1967 6.6942 14.1967 10.5477C14.1967 14.4012 17.3205 17.5251 21.1741 17.5251Z"
        fill="url(#paint5_radial_4793_1042)"
      />
    </g>
    <path
      d="M6.20908 19.5954C8.70757 19.5954 10.733 17.57 10.733 15.0715C10.733 12.573 8.70757 10.5476 6.20908 10.5476C3.7106 10.5476 1.68518 12.573 1.68518 15.0715C1.68518 17.57 3.7106 19.5954 6.20908 19.5954Z"
      fill="url(#paint6_linear_4793_1042)"
    />
    <path
      d="M6.20908 19.5954C8.70757 19.5954 10.733 17.57 10.733 15.0715C10.733 12.573 8.70757 10.5476 6.20908 10.5476C3.7106 10.5476 1.68518 12.573 1.68518 15.0715C1.68518 17.57 3.7106 19.5954 6.20908 19.5954Z"
      fill="url(#paint7_radial_4793_1042)"
    />
    <path
      d="M14.3761 30.2319C17.5962 30.2319 20.2067 27.6215 20.2067 24.4014C20.2067 21.1812 17.5962 18.5708 14.3761 18.5708C11.156 18.5708 8.54553 21.1812 8.54553 24.4014C8.54553 27.6215 11.156 30.2319 14.3761 30.2319Z"
      fill="url(#paint8_linear_4793_1042)"
    />
    <path
      d="M14.3761 30.2319C17.5962 30.2319 20.2067 27.6215 20.2067 24.4014C20.2067 21.1812 17.5962 18.5708 14.3761 18.5708C11.156 18.5708 8.54553 21.1812 8.54553 24.4014C8.54553 27.6215 11.156 30.2319 14.3761 30.2319Z"
      fill="url(#paint9_radial_4793_1042)"
    />
    <path
      d="M14.3761 30.2319C17.5962 30.2319 20.2067 27.6215 20.2067 24.4014C20.2067 21.1812 17.5962 18.5708 14.3761 18.5708C11.156 18.5708 8.54553 21.1812 8.54553 24.4014C8.54553 27.6215 11.156 30.2319 14.3761 30.2319Z"
      fill="url(#paint10_radial_4793_1042)"
    />
    <path
      d="M23.119 11.5529C25.3233 11.5529 27.1102 9.76592 27.1102 7.56159C27.1102 5.35727 25.3233 3.57031 23.119 3.57031C20.9146 3.57031 19.1277 5.35727 19.1277 7.56159C19.1277 9.76592 20.9146 11.5529 23.119 11.5529Z"
      fill="url(#paint11_radial_4793_1042)"
    />
    <g filter="url(#filter2_f_4793_1042)">
      <path
        d="M14.3761 29.0272C16.9308 29.0272 19.0018 26.9562 19.0018 24.4015C19.0018 21.8468 16.9308 19.7759 14.3761 19.7759C11.8215 19.7759 9.75049 21.8468 9.75049 24.4015C9.75049 26.9562 11.8215 29.0272 14.3761 29.0272Z"
        fill="url(#paint12_radial_4793_1042)"
      />
      <path
        d="M14.3761 29.0272C16.9308 29.0272 19.0018 26.9562 19.0018 24.4015C19.0018 21.8468 16.9308 19.7759 14.3761 19.7759C11.8215 19.7759 9.75049 21.8468 9.75049 24.4015C9.75049 26.9562 11.8215 29.0272 14.3761 29.0272Z"
        fill="url(#paint13_radial_4793_1042)"
      />
    </g>
    <g filter="url(#filter3_f_4793_1042)">
      <path
        d="M6.20906 18.5902C8.15242 18.5902 9.72782 17.0148 9.72782 15.0715C9.72782 13.1281 8.15242 11.5527 6.20906 11.5527C4.26571 11.5527 2.69031 13.1281 2.69031 15.0715C2.69031 17.0148 4.26571 18.5902 6.20906 18.5902Z"
        fill="url(#paint14_radial_4793_1042)"
      />
      <path
        d="M6.20906 18.5902C8.15242 18.5902 9.72782 17.0148 9.72782 15.0715C9.72782 13.1281 8.15242 11.5527 6.20906 11.5527C4.26571 11.5527 2.69031 13.1281 2.69031 15.0715C2.69031 17.0148 4.26571 18.5902 6.20906 18.5902Z"
        fill="url(#paint15_radial_4793_1042)"
      />
    </g>
    <path
      d="M7.26298 15.6163C8.45758 15.6163 9.42599 14.6479 9.42599 13.4533C9.42599 12.2587 8.45758 11.2903 7.26298 11.2903C6.06839 11.2903 5.09998 12.2587 5.09998 13.4533C5.09998 14.6479 6.06839 15.6163 7.26298 15.6163Z"
      fill="url(#paint16_radial_4793_1042)"
    />
    <path
      d="M15.7344 25.1036C17.2741 25.1036 18.5222 23.8555 18.5222 22.3158C18.5222 20.7762 17.2741 19.5281 15.7344 19.5281C14.1948 19.5281 12.9467 20.7762 12.9467 22.3158C12.9467 23.8555 14.1948 25.1036 15.7344 25.1036Z"
      fill="url(#paint17_radial_4793_1042)"
    />
    <defs>
      <filter
        id="filter0_f_4793_1042"
        x={11.8809}
        y={1.25439}
        width={18.5865}
        height={18.5865}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_4793_1042"
        />
      </filter>
      <filter
        id="filter1_f_4793_1042"
        x={12.1967}
        y={1.57031}
        width={17.9548}
        height={17.9548}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_4793_1042"
        />
      </filter>
      <filter
        id="filter2_f_4793_1042"
        x={8.00049}
        y={18.0259}
        width={12.7512}
        height={12.7513}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.875}
          result="effect1_foregroundBlur_4793_1042"
        />
      </filter>
      <filter
        id="filter3_f_4793_1042"
        x={1.44031}
        y={10.3027}
        width={9.53748}
        height={9.53751}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.625}
          result="effect1_foregroundBlur_4793_1042"
        />
      </filter>
      <linearGradient
        id="paint0_linear_4793_1042"
        x1={14.9883}
        y1={3.97678}
        x2={28.7996}
        y2={14.6008}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#55EBFF" />
        <stop offset={0.0606902} stopColor="#83C9F0" />
        <stop offset={0.114786} stopColor="#AFA8E1" />
        <stop offset={0.218462} stopColor="#CA5BC0" />
        <stop offset={0.532549} stopColor="#CA5BC0" />
        <stop offset={0.6944} stopColor="#FF99A9" />
        <stop offset={1} stopColor="#FADF9E" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.818 3.66834) rotate(114.803) scale(4.98348 12.4432)"
      >
        <stop stopColor="#FF9CEA" />
        <stop offset={1} stopColor="#FF9CEA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4795 16.0592) rotate(-45) scale(11.1316 8.49871)"
      >
        <stop offset={0.415242} stopColor="#D893FF" />
        <stop offset={1} stopColor="#E8EEFE" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.8126 12.8524) rotate(-138.606) scale(11.5986 13.3739)"
      >
        <stop offset={0.723222} stopColor="#9FD2F5" stopOpacity={0} />
        <stop offset={1} stopColor="#9FD2F5" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.6395 15.8206) rotate(-45) scale(10.6496 8.13066)"
      >
        <stop offset={0.415242} stopColor="#D893FF" />
        <stop offset={1} stopColor="#E8EEFE" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.6549 12.7527) rotate(-138.606) scale(11.0963 12.7948)"
      >
        <stop offset={0.723222} stopColor="#9FD2F5" stopOpacity={0} />
        <stop offset={1} stopColor="#9FD2F5" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_4793_1042"
        x1={2.85679}
        y1={11.5105}
        x2={10.3416}
        y2={17.2681}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#55EBFF" />
        <stop offset={0.0606902} stopColor="#83C9F0" />
        <stop offset={0.114786} stopColor="#AFA8E1" />
        <stop offset={0.218462} stopColor="#CA5BC0" />
        <stop offset={0.532549} stopColor="#CA5BC0" />
        <stop offset={0.6944} stopColor="#FF99A9" />
        <stop offset={1} stopColor="#FADF9E" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.72576 11.3434) rotate(114.803) scale(2.70071 6.74341)"
      >
        <stop stopColor="#FF9CEA" />
        <stop offset={1} stopColor="#FF9CEA" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_4793_1042"
        x1={10.0555}
        y1={19.8119}
        x2={19.7022}
        y2={27.2324}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#55EBFF" />
        <stop offset={0.0606902} stopColor="#83C9F0" />
        <stop offset={0.114786} stopColor="#AFA8E1" />
        <stop offset={0.218462} stopColor="#CA5BC0" />
        <stop offset={0.532549} stopColor="#CA5BC0" />
        <stop offset={0.6944} stopColor="#FF99A9" />
        <stop offset={1} stopColor="#FADF9E" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.6197 19.5964) rotate(114.803) scale(3.48077 8.69114)"
      >
        <stop stopColor="#FF9CEA" />
        <stop offset={1} stopColor="#FF9CEA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.0165 17.6509) rotate(106.032) scale(3.10225 6.37752)"
      >
        <stop offset={0.153617} stopColor="#A876BA" />
        <stop offset={1} stopColor="#A876BA" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5069 9.48868) rotate(-52.8917) scale(6.4675 9.57404)"
      >
        <stop offset={0.434741} stopColor="#FFFFF0" stopOpacity={0} />
        <stop offset={1} stopColor="white" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0329 27.8971) rotate(-45) scale(7.06008 5.39018)"
      >
        <stop offset={0.415242} stopColor="#D893FF" />
        <stop offset={1} stopColor="#E8EEFE" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.6837 25.8633) rotate(-138.606) scale(7.35624 8.48222)"
      >
        <stop offset={0.723222} stopColor="#9FD2F5" stopOpacity={0} />
        <stop offset={1} stopColor="#9FD2F5" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.42653 17.7306) rotate(-45) scale(5.37065 4.10035)"
      >
        <stop offset={0.415242} stopColor="#D893FF" />
        <stop offset={1} stopColor="#E8EEFE" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.96449 16.1835) rotate(-138.606) scale(5.59594 6.45249)"
      >
        <stop offset={0.723222} stopColor="#9FD2F5" stopOpacity={0} />
        <stop offset={1} stopColor="#9FD2F5" />
      </radialGradient>
      <radialGradient
        id="paint16_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.84742 14.4976) rotate(-52.8917) scale(3.50495 5.18849)"
      >
        <stop offset={0.434741} stopColor="#FFFFF0" stopOpacity={0} />
        <stop offset={1} stopColor="white" />
      </radialGradient>
      <radialGradient
        id="paint17_radial_4793_1042"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.91 23.6618) rotate(-52.8917) scale(4.51731 6.68711)"
      >
        <stop offset={0.434741} stopColor="#FFFFF0" stopOpacity={0} />
        <stop offset={1} stopColor="white" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BubblesIcon;