thought balloon emoji

thought-balloon from Fluent Emoji Flat by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
thought-balloon
Set
Fluent Emoji Flat
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

thought-balloonEmoji One (Colored)thought-balloonFluent Emojithought-balloonFluent Emoji High Contrastthought-balloonNoto Emojithought-balloonOpenMojithought-balloonStreamline Emojisthought-balloonTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the thought balloon emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e1d8ec" d="M26.807 9.569A4.68 4.68 0 0 1 30 14.005c0 2.072-1.351 3.813-3.224 4.436c.04.252.08.513.08.785c0 2.595-2.092 4.698-4.674 4.698c-1.102 0-2.093-.403-2.893-1.037A3.65 3.65 0 0 1 15.984 25c-1.462 0-2.713-.865-3.304-2.113a4.58 4.58 0 0 1-2.893 1.037c-2.582 0-4.675-2.103-4.675-4.698c0-.262.038-.506.076-.758l.004-.027A4.68 4.68 0 0 1 2 14.005c0-2.072 1.341-3.812 3.203-4.446a5 5 0 0 1-.08-.785c0-2.595 2.093-4.698 4.675-4.698c1.101 0 2.093.403 2.893 1.036A3.65 3.65 0 0 1 15.996 3c1.472 0 2.723.865 3.324 2.123a4.58 4.58 0 0 1 2.893-1.037c2.582 0 4.675 2.103 4.675 4.698c0 .262-.038.506-.076.758zM7 26.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatThoughtBalloon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e1d8ec" d="M26.807 9.569A4.68 4.68 0 0 1 30 14.005c0 2.072-1.351 3.813-3.224 4.436c.04.252.08.513.08.785c0 2.595-2.092 4.698-4.674 4.698c-1.102 0-2.093-.403-2.893-1.037A3.65 3.65 0 0 1 15.984 25c-1.462 0-2.713-.865-3.304-2.113a4.58 4.58 0 0 1-2.893 1.037c-2.582 0-4.675-2.103-4.675-4.698c0-.262.038-.506.076-.758l.004-.027A4.68 4.68 0 0 1 2 14.005c0-2.072 1.341-3.812 3.203-4.446a5 5 0 0 1-.08-.785c0-2.595 2.093-4.698 4.675-4.698c1.101 0 2.093.403 2.893 1.036A3.65 3.65 0 0 1 15.996 3c1.472 0 2.723.865 3.324 2.123a4.58 4.58 0 0 1 2.893-1.037c2.582 0 4.675 2.103 4.675 4.698c0 .262-.038.506-.076.758zM7 26.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e1d8ec" d="M26.807 9.569A4.68 4.68 0 0 1 30 14.005c0 2.072-1.351 3.813-3.224 4.436c.04.252.08.513.08.785c0 2.595-2.092 4.698-4.674 4.698c-1.102 0-2.093-.403-2.893-1.037A3.65 3.65 0 0 1 15.984 25c-1.462 0-2.713-.865-3.304-2.113a4.58 4.58 0 0 1-2.893 1.037c-2.582 0-4.675-2.103-4.675-4.698c0-.262.038-.506.076-.758l.004-.027A4.68 4.68 0 0 1 2 14.005c0-2.072 1.341-3.812 3.203-4.446a5 5 0 0 1-.08-.785c0-2.595 2.093-4.698 4.675-4.698c1.101 0 2.093.403 2.893 1.036A3.65 3.65 0 0 1 15.996 3c1.472 0 2.723.865 3.324 2.123a4.58 4.58 0 0 1 2.893-1.037c2.582 0 4.675 2.103 4.675 4.698c0 .262-.038.506-.076.758zM7 26.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/></svg>
</template>

CSS

.icon-thought-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%3Cpath%20fill%3D%22%23e1d8ec%22%20d%3D%22M26.807%209.569A4.68%204.68%200%200%201%2030%2014.005c0%202.072-1.351%203.813-3.224%204.436c.04.252.08.513.08.785c0%202.595-2.092%204.698-4.674%204.698c-1.102%200-2.093-.403-2.893-1.037A3.65%203.65%200%200%201%2015.984%2025c-1.462%200-2.713-.865-3.304-2.113a4.58%204.58%200%200%201-2.893%201.037c-2.582%200-4.675-2.103-4.675-4.698c0-.262.038-.506.076-.758l.004-.027A4.68%204.68%200%200%201%202%2014.005c0-2.072%201.341-3.812%203.203-4.446a5%205%200%200%201-.08-.785c0-2.595%202.093-4.698%204.675-4.698c1.101%200%202.093.403%202.893%201.036A3.65%203.65%200%200%201%2015.996%203c1.472%200%202.723.865%203.324%202.123a4.58%204.58%200%200%201%202.893-1.037c2.582%200%204.675%202.103%204.675%204.698c0%20.262-.038.506-.076.758zM7%2026.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%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%3Cpath%20fill%3D%22%23e1d8ec%22%20d%3D%22M26.807%209.569A4.68%204.68%200%200%201%2030%2014.005c0%202.072-1.351%203.813-3.224%204.436c.04.252.08.513.08.785c0%202.595-2.092%204.698-4.674%204.698c-1.102%200-2.093-.403-2.893-1.037A3.65%203.65%200%200%201%2015.984%2025c-1.462%200-2.713-.865-3.304-2.113a4.58%204.58%200%200%201-2.893%201.037c-2.582%200-4.675-2.103-4.675-4.698c0-.262.038-.506.076-.758l.004-.027A4.68%204.68%200%200%201%202%2014.005c0-2.072%201.341-3.812%203.203-4.446a5%205%200%200%201-.08-.785c0-2.595%202.093-4.698%204.675-4.698c1.101%200%202.093.403%202.893%201.036A3.65%203.65%200%200%201%2015.996%203c1.472%200%202.723.865%203.324%202.123a4.58%204.58%200%200%201%202.893-1.037c2.582%200%204.675%202.103%204.675%204.698c0%20.262-.038.506-.076.758zM7%2026.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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