thought balloon emoji
thought-balloon from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- thought-balloon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the thought balloon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4fd1d9" d="M18.7 47.9c-3.3-1.1-6.6.3-7.4 3.1c-.8 2.7 1.1 5.8 4.4 6.9s6.6-.3 7.4-3.1s-1.1-5.9-4.4-6.9m-12 8.9c-1.1.9-1.2 2.6-.3 3.9c1 1.3 2.6 1.6 3.8.8c1.1-.9 1.2-2.6.3-3.9s-2.7-1.6-3.8-.8M62 22.7c0-2.7-1.3-5.1-3.2-6.6v-.6c0-4.2-3.3-7.7-7.4-7.7h-.8c-1.6-2.7-4.4-4.6-7.7-4.6c-2 0-3.8.6-5.2 1.7C35.8 3.2 33.2 2 30.4 2c-4.6 0-8.5 3.1-9.8 7.4c-1.5-1.1-3.4-1.7-5.4-1.7c-5.3 0-9.6 4.4-9.6 9.8c0 1.6.4 3.1 1 4.5C3.8 24 2 27.3 2 31.1c0 6.2 4.9 11.2 10.9 11.2c2.2 0 4.3-.7 6-1.8c.9 4.7 5 8.3 9.9 8.3c3.6 0 6.8-2 8.6-4.9c1.2 1.2 2.9 2 4.8 2c3.5 0 6.4-2.8 6.7-6.3c.8.3 1.7.5 2.6.5c4.3 0 7.8-3.6 7.8-8c0-.9-.2-1.8-.4-2.6c1.8-1.7 3.1-4.1 3.1-6.8"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneThoughtBalloon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4fd1d9" d="M18.7 47.9c-3.3-1.1-6.6.3-7.4 3.1c-.8 2.7 1.1 5.8 4.4 6.9s6.6-.3 7.4-3.1s-1.1-5.9-4.4-6.9m-12 8.9c-1.1.9-1.2 2.6-.3 3.9c1 1.3 2.6 1.6 3.8.8c1.1-.9 1.2-2.6.3-3.9s-2.7-1.6-3.8-.8M62 22.7c0-2.7-1.3-5.1-3.2-6.6v-.6c0-4.2-3.3-7.7-7.4-7.7h-.8c-1.6-2.7-4.4-4.6-7.7-4.6c-2 0-3.8.6-5.2 1.7C35.8 3.2 33.2 2 30.4 2c-4.6 0-8.5 3.1-9.8 7.4c-1.5-1.1-3.4-1.7-5.4-1.7c-5.3 0-9.6 4.4-9.6 9.8c0 1.6.4 3.1 1 4.5C3.8 24 2 27.3 2 31.1c0 6.2 4.9 11.2 10.9 11.2c2.2 0 4.3-.7 6-1.8c.9 4.7 5 8.3 9.9 8.3c3.6 0 6.8-2 8.6-4.9c1.2 1.2 2.9 2 4.8 2c3.5 0 6.4-2.8 6.7-6.3c.8.3 1.7.5 2.6.5c4.3 0 7.8-3.6 7.8-8c0-.9-.2-1.8-.4-2.6c1.8-1.7 3.1-4.1 3.1-6.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#4fd1d9" d="M18.7 47.9c-3.3-1.1-6.6.3-7.4 3.1c-.8 2.7 1.1 5.8 4.4 6.9s6.6-.3 7.4-3.1s-1.1-5.9-4.4-6.9m-12 8.9c-1.1.9-1.2 2.6-.3 3.9c1 1.3 2.6 1.6 3.8.8c1.1-.9 1.2-2.6.3-3.9s-2.7-1.6-3.8-.8M62 22.7c0-2.7-1.3-5.1-3.2-6.6v-.6c0-4.2-3.3-7.7-7.4-7.7h-.8c-1.6-2.7-4.4-4.6-7.7-4.6c-2 0-3.8.6-5.2 1.7C35.8 3.2 33.2 2 30.4 2c-4.6 0-8.5 3.1-9.8 7.4c-1.5-1.1-3.4-1.7-5.4-1.7c-5.3 0-9.6 4.4-9.6 9.8c0 1.6.4 3.1 1 4.5C3.8 24 2 27.3 2 31.1c0 6.2 4.9 11.2 10.9 11.2c2.2 0 4.3-.7 6-1.8c.9 4.7 5 8.3 9.9 8.3c3.6 0 6.8-2 8.6-4.9c1.2 1.2 2.9 2 4.8 2c3.5 0 6.4-2.8 6.7-6.3c.8.3 1.7.5 2.6.5c4.3 0 7.8-3.6 7.8-8c0-.9-.2-1.8-.4-2.6c1.8-1.7 3.1-4.1 3.1-6.8"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%234fd1d9%22%20d%3D%22M18.7%2047.9c-3.3-1.1-6.6.3-7.4%203.1c-.8%202.7%201.1%205.8%204.4%206.9s6.6-.3%207.4-3.1s-1.1-5.9-4.4-6.9m-12%208.9c-1.1.9-1.2%202.6-.3%203.9c1%201.3%202.6%201.6%203.8.8c1.1-.9%201.2-2.6.3-3.9s-2.7-1.6-3.8-.8M62%2022.7c0-2.7-1.3-5.1-3.2-6.6v-.6c0-4.2-3.3-7.7-7.4-7.7h-.8c-1.6-2.7-4.4-4.6-7.7-4.6c-2%200-3.8.6-5.2%201.7C35.8%203.2%2033.2%202%2030.4%202c-4.6%200-8.5%203.1-9.8%207.4c-1.5-1.1-3.4-1.7-5.4-1.7c-5.3%200-9.6%204.4-9.6%209.8c0%201.6.4%203.1%201%204.5C3.8%2024%202%2027.3%202%2031.1c0%206.2%204.9%2011.2%2010.9%2011.2c2.2%200%204.3-.7%206-1.8c.9%204.7%205%208.3%209.9%208.3c3.6%200%206.8-2%208.6-4.9c1.2%201.2%202.9%202%204.8%202c3.5%200%206.4-2.8%206.7-6.3c.8.3%201.7.5%202.6.5c4.3%200%207.8-3.6%207.8-8c0-.9-.2-1.8-.4-2.6c1.8-1.7%203.1-4.1%203.1-6.8%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%2064%2064%22%3E%3Cpath%20fill%3D%22%234fd1d9%22%20d%3D%22M18.7%2047.9c-3.3-1.1-6.6.3-7.4%203.1c-.8%202.7%201.1%205.8%204.4%206.9s6.6-.3%207.4-3.1s-1.1-5.9-4.4-6.9m-12%208.9c-1.1.9-1.2%202.6-.3%203.9c1%201.3%202.6%201.6%203.8.8c1.1-.9%201.2-2.6.3-3.9s-2.7-1.6-3.8-.8M62%2022.7c0-2.7-1.3-5.1-3.2-6.6v-.6c0-4.2-3.3-7.7-7.4-7.7h-.8c-1.6-2.7-4.4-4.6-7.7-4.6c-2%200-3.8.6-5.2%201.7C35.8%203.2%2033.2%202%2030.4%202c-4.6%200-8.5%203.1-9.8%207.4c-1.5-1.1-3.4-1.7-5.4-1.7c-5.3%200-9.6%204.4-9.6%209.8c0%201.6.4%203.1%201%204.5C3.8%2024%202%2027.3%202%2031.1c0%206.2%204.9%2011.2%2010.9%2011.2c2.2%200%204.3-.7%206-1.8c.9%204.7%205%208.3%209.9%208.3c3.6%200%206.8-2%208.6-4.9c1.2%201.2%202.9%202%204.8%202c3.5%200%206.4-2.8%206.7-6.3c.8.3%201.7.5%202.6.5c4.3%200%207.8-3.6%207.8-8c0-.9-.2-1.8-.4-2.6c1.8-1.7%203.1-4.1%203.1-6.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/thought-balloon.svg?color=%231a73e8&size=48
