speech balloon emoji

speech-balloon from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
speech-balloon
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Use the speech balloon emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i3bNgwd)"><path fill="url(#io0KYPc)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iBxG1fv)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iOJTCDG)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iU1jbPe)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#i0BADqY)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/></g><g filter="url(#iCK9Vgd)"><path fill="url(#ikiLCpc)" d="m8.738 21.117l-.584 4.505a.25.25 0 0 0 .373.249l3.922-2.28l-1.268-2.258z"/></g><g filter="url(#ihOKXpc)"><ellipse cx="16.172" cy="16.172" fill="#DBD1F0" fill-opacity=".5" rx="8.72" ry="5.69"/></g><defs><radialGradient id="io0KYPc" cx="0" cy="0" r="1" gradientTransform="rotate(108.693 9.138 11.635)scale(17.3662 42.1894)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#D7C6DE"/></radialGradient><radialGradient id="iBxG1fv" cx="0" cy="0" r="1" gradientTransform="matrix(-9.27646 -17.1923 24.86346 -13.4156 11.585 22.57)" gradientUnits="userSpaceOnUse"><stop offset=".619" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="iOJTCDG" cx="0" cy="0" r="1" gradientTransform="matrix(-28.94244 -4.57627 6.61819 -41.8565 27.664 23.436)" gradientUnits="userSpaceOnUse"><stop offset=".781" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="iU1jbPe" cx="0" cy="0" r="1" gradientTransform="matrix(22.01604 -17.56335 25.40005 31.8395 12.08 24.673)" gradientUnits="userSpaceOnUse"><stop offset=".645" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="i0BADqY" cx="0" cy="0" r="1" gradientTransform="matrix(3.95805 25.4792 -28.34266 4.40287 15.42 8.347)" gradientUnits="userSpaceOnUse"><stop offset=".464" stop-color="#B6A8F2" stop-opacity="0"/><stop offset="1" stop-color="#B6A8F2"/></radialGradient><filter id="i3bNgwd" width="27.726" height="21.598" x="2.309" y="5.378" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".01"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7154_6147"/></filter><filter id="iCK9Vgd" width="6.297" height="6.789" x="7.152" y="20.117" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation=".5"/></filter><filter id="ihOKXpc" width="27.44" height="21.379" x="2.452" y="5.482" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation="2.5"/></filter><linearGradient id="ikiLCpc" x1="10.268" x2="13.191" y1="26.404" y2="20.931" gradientUnits="userSpaceOnUse"><stop stop-color="#DCD0F4"/><stop offset="1" stop-color="#DED0F9" stop-opacity="0"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiSpeechBalloon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i3bNgwd)"><path fill="url(#io0KYPc)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iBxG1fv)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iOJTCDG)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iU1jbPe)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#i0BADqY)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/></g><g filter="url(#iCK9Vgd)"><path fill="url(#ikiLCpc)" d="m8.738 21.117l-.584 4.505a.25.25 0 0 0 .373.249l3.922-2.28l-1.268-2.258z"/></g><g filter="url(#ihOKXpc)"><ellipse cx="16.172" cy="16.172" fill="#DBD1F0" fillOpacity=".5" rx="8.72" ry="5.69"/></g><defs><radialGradient id="io0KYPc" cx="0" cy="0" r="1" gradientTransform="rotate(108.693 9.138 11.635)scale(17.3662 42.1894)" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#D7C6DE"/></radialGradient><radialGradient id="iBxG1fv" cx="0" cy="0" r="1" gradientTransform="matrix(-9.27646 -17.1923 24.86346 -13.4156 11.585 22.57)" gradientUnits="userSpaceOnUse"><stop offset=".619" stopColor="#CECECE" stopOpacity="0"/><stop offset="1" stopColor="#CECECE"/></radialGradient><radialGradient id="iOJTCDG" cx="0" cy="0" r="1" gradientTransform="matrix(-28.94244 -4.57627 6.61819 -41.8565 27.664 23.436)" gradientUnits="userSpaceOnUse"><stop offset=".781" stopColor="#CECECE" stopOpacity="0"/><stop offset="1" stopColor="#CECECE"/></radialGradient><radialGradient id="iU1jbPe" cx="0" cy="0" r="1" gradientTransform="matrix(22.01604 -17.56335 25.40005 31.8395 12.08 24.673)" gradientUnits="userSpaceOnUse"><stop offset=".645" stopColor="#CECECE" stopOpacity="0"/><stop offset="1" stopColor="#CECECE"/></radialGradient><radialGradient id="i0BADqY" cx="0" cy="0" r="1" gradientTransform="matrix(3.95805 25.4792 -28.34266 4.40287 15.42 8.347)" gradientUnits="userSpaceOnUse"><stop offset=".464" stopColor="#B6A8F2" stopOpacity="0"/><stop offset="1" stopColor="#B6A8F2"/></radialGradient><filter id="i3bNgwd" width="27.726" height="21.598" x="2.309" y="5.378" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".01"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7154_6147"/></filter><filter id="iCK9Vgd" width="6.297" height="6.789" x="7.152" y="20.117" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation=".5"/></filter><filter id="ihOKXpc" width="27.44" height="21.379" x="2.452" y="5.482" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation="2.5"/></filter><linearGradient id="ikiLCpc" x1="10.268" x2="13.191" y1="26.404" y2="20.931" gradientUnits="userSpaceOnUse"><stop stopColor="#DCD0F4"/><stop offset="1" stopColor="#DED0F9" stopOpacity="0"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i3bNgwd)"><path fill="url(#io0KYPc)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iBxG1fv)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iOJTCDG)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#iU1jbPe)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/><path fill="url(#i0BADqY)" d="M2.675 13.65C4.61 9.86 9.057 5.378 16.172 5.378c7.134 0 11.531 4.247 13.457 8.311a2.61 2.61 0 0 1 .04 2.731c-2.504 4.324-6.383 8.272-13.497 8.272c-.947 0-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315 1.3-3.795 2.135a.657.657 0 0 1-.98-.613l.217-3.409a1.6 1.6 0 0 0-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721"/></g><g filter="url(#iCK9Vgd)"><path fill="url(#ikiLCpc)" d="m8.738 21.117l-.584 4.505a.25.25 0 0 0 .373.249l3.922-2.28l-1.268-2.258z"/></g><g filter="url(#ihOKXpc)"><ellipse cx="16.172" cy="16.172" fill="#DBD1F0" fill-opacity=".5" rx="8.72" ry="5.69"/></g><defs><radialGradient id="io0KYPc" cx="0" cy="0" r="1" gradientTransform="rotate(108.693 9.138 11.635)scale(17.3662 42.1894)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#D7C6DE"/></radialGradient><radialGradient id="iBxG1fv" cx="0" cy="0" r="1" gradientTransform="matrix(-9.27646 -17.1923 24.86346 -13.4156 11.585 22.57)" gradientUnits="userSpaceOnUse"><stop offset=".619" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="iOJTCDG" cx="0" cy="0" r="1" gradientTransform="matrix(-28.94244 -4.57627 6.61819 -41.8565 27.664 23.436)" gradientUnits="userSpaceOnUse"><stop offset=".781" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="iU1jbPe" cx="0" cy="0" r="1" gradientTransform="matrix(22.01604 -17.56335 25.40005 31.8395 12.08 24.673)" gradientUnits="userSpaceOnUse"><stop offset=".645" stop-color="#CECECE" stop-opacity="0"/><stop offset="1" stop-color="#CECECE"/></radialGradient><radialGradient id="i0BADqY" cx="0" cy="0" r="1" gradientTransform="matrix(3.95805 25.4792 -28.34266 4.40287 15.42 8.347)" gradientUnits="userSpaceOnUse"><stop offset=".464" stop-color="#B6A8F2" stop-opacity="0"/><stop offset="1" stop-color="#B6A8F2"/></radialGradient><filter id="i3bNgwd" width="27.726" height="21.598" x="2.309" y="5.378" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".01"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7154_6147"/></filter><filter id="iCK9Vgd" width="6.297" height="6.789" x="7.152" y="20.117" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation=".5"/></filter><filter id="ihOKXpc" width="27.44" height="21.379" x="2.452" y="5.482" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7154_6147" stdDeviation="2.5"/></filter><linearGradient id="ikiLCpc" x1="10.268" x2="13.191" y1="26.404" y2="20.931" gradientUnits="userSpaceOnUse"><stop stop-color="#DCD0F4"/><stop offset="1" stop-color="#DED0F9" stop-opacity="0"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-speech-balloon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23i3bNgwd)%22%3E%3Cpath%20fill%3D%22url(%23io0KYPc)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iBxG1fv)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iOJTCDG)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iU1jbPe)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23i0BADqY)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iCK9Vgd)%22%3E%3Cpath%20fill%3D%22url(%23ikiLCpc)%22%20d%3D%22m8.738%2021.117l-.584%204.505a.25.25%200%200%200%20.373.249l3.922-2.28l-1.268-2.258z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ihOKXpc)%22%3E%3Cellipse%20cx%3D%2216.172%22%20cy%3D%2216.172%22%20fill%3D%22%23DBD1F0%22%20fill-opacity%3D%22.5%22%20rx%3D%228.72%22%20ry%3D%225.69%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22io0KYPc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.693%209.138%2011.635)scale(17.3662%2042.1894)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7C6DE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iBxG1fv%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-9.27646%20-17.1923%2024.86346%20-13.4156%2011.585%2022.57)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.619%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iOJTCDG%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-28.94244%20-4.57627%206.61819%20-41.8565%2027.664%2023.436)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.781%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iU1jbPe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(22.01604%20-17.56335%2025.40005%2031.8395%2012.08%2024.673)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.645%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i0BADqY%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(3.95805%2025.4792%20-28.34266%204.40287%2015.42%208.347)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.464%22%20stop-color%3D%22%23B6A8F2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B6A8F2%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22i3bNgwd%22%20width%3D%2227.726%22%20height%3D%2221.598%22%20x%3D%222.309%22%20y%3D%225.378%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.01%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.758333%200%200%200%200%200.758333%200%200%200%200%200.758333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_7154_6147%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCK9Vgd%22%20width%3D%226.297%22%20height%3D%226.789%22%20x%3D%227.152%22%20y%3D%2220.117%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_7154_6147%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ihOKXpc%22%20width%3D%2227.44%22%20height%3D%2221.379%22%20x%3D%222.452%22%20y%3D%225.482%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_7154_6147%22%20stdDeviation%3D%222.5%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22ikiLCpc%22%20x1%3D%2210.268%22%20x2%3D%2213.191%22%20y1%3D%2226.404%22%20y2%3D%2220.931%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DCD0F4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DED0F9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23i3bNgwd)%22%3E%3Cpath%20fill%3D%22url(%23io0KYPc)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iBxG1fv)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iOJTCDG)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23iU1jbPe)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3Cpath%20fill%3D%22url(%23i0BADqY)%22%20d%3D%22M2.675%2013.65C4.61%209.86%209.057%205.378%2016.172%205.378c7.134%200%2011.531%204.247%2013.457%208.311a2.61%202.61%200%200%201%20.04%202.731c-2.504%204.324-6.383%208.272-13.497%208.272c-.947%200-1.878-.041-2.73-.162c-.46-.065-.934-.007-1.342.214c-1.155.623-2.315%201.3-3.795%202.135a.657.657%200%200%201-.98-.613l.217-3.409a1.6%201.6%200%200%200-.584-1.315c-1.73-1.456-3.085-3.288-4.243-5.171c-.525-.851-.544-1.86-.04-2.721%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iCK9Vgd)%22%3E%3Cpath%20fill%3D%22url(%23ikiLCpc)%22%20d%3D%22m8.738%2021.117l-.584%204.505a.25.25%200%200%200%20.373.249l3.922-2.28l-1.268-2.258z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ihOKXpc)%22%3E%3Cellipse%20cx%3D%2216.172%22%20cy%3D%2216.172%22%20fill%3D%22%23DBD1F0%22%20fill-opacity%3D%22.5%22%20rx%3D%228.72%22%20ry%3D%225.69%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22io0KYPc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(108.693%209.138%2011.635)scale(17.3662%2042.1894)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D7C6DE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iBxG1fv%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-9.27646%20-17.1923%2024.86346%20-13.4156%2011.585%2022.57)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.619%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iOJTCDG%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-28.94244%20-4.57627%206.61819%20-41.8565%2027.664%2023.436)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.781%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iU1jbPe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(22.01604%20-17.56335%2025.40005%2031.8395%2012.08%2024.673)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.645%22%20stop-color%3D%22%23CECECE%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CECECE%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i0BADqY%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(3.95805%2025.4792%20-28.34266%204.40287%2015.42%208.347)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.464%22%20stop-color%3D%22%23B6A8F2%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B6A8F2%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22i3bNgwd%22%20width%3D%2227.726%22%20height%3D%2221.598%22%20x%3D%222.309%22%20y%3D%225.378%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.01%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.758333%200%200%200%200%200.758333%200%200%200%200%200.758333%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_7154_6147%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCK9Vgd%22%20width%3D%226.297%22%20height%3D%226.789%22%20x%3D%227.152%22%20y%3D%2220.117%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_7154_6147%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ihOKXpc%22%20width%3D%2227.44%22%20height%3D%2221.379%22%20x%3D%222.452%22%20y%3D%225.482%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_7154_6147%22%20stdDeviation%3D%222.5%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22ikiLCpc%22%20x1%3D%2210.268%22%20x2%3D%2213.191%22%20y1%3D%2226.404%22%20y2%3D%2220.931%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23DCD0F4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DED0F9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/speech-balloon.svg?color=%231a73e8&size=48