bubble text icon

bubble-text-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name
bubble-text-filled
Set
Tabler Icons
Style
Filled
Viewbox
24×24
License
MIT

1 other variant in Tabler Icons

bubble-text

Related icons in Tabler Icons

bubble-minusbubble-plusbubble-teabubble-tea-2bubble-x

Use the bubble text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.4 2l.253.005a6.34 6.34 0 0 1 5.235 3.166l.089.163l.178.039a6.33 6.33 0 0 1 4.254 3.406l.105.228a6.334 6.334 0 0 1-5.74 8.865l-.144-.002l-.037.052a5.26 5.26 0 0 1-5.458 1.926l-.186-.051l-3.435 2.06a1 1 0 0 1-1.508-.743L6 21v-2.435l-.055-.026a3.67 3.67 0 0 1-1.554-1.498l-.102-.199a3.67 3.67 0 0 1-.312-2.14l.038-.21l-.116-.092a5.8 5.8 0 0 1-1.887-6.025l.071-.238a5.8 5.8 0 0 1 5.42-4.004h.157l.15-.165a6.33 6.33 0 0 1 4.33-1.963zM14 13H9a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2m3-4H7a1 1 0 1 0 0 2h10a1 1 0 0 0 0-2"/></svg>

React

import type { SVGProps } from "react";

export function TablerBubbleTextFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.4 2l.253.005a6.34 6.34 0 0 1 5.235 3.166l.089.163l.178.039a6.33 6.33 0 0 1 4.254 3.406l.105.228a6.334 6.334 0 0 1-5.74 8.865l-.144-.002l-.037.052a5.26 5.26 0 0 1-5.458 1.926l-.186-.051l-3.435 2.06a1 1 0 0 1-1.508-.743L6 21v-2.435l-.055-.026a3.67 3.67 0 0 1-1.554-1.498l-.102-.199a3.67 3.67 0 0 1-.312-2.14l.038-.21l-.116-.092a5.8 5.8 0 0 1-1.887-6.025l.071-.238a5.8 5.8 0 0 1 5.42-4.004h.157l.15-.165a6.33 6.33 0 0 1 4.33-1.963zM14 13H9a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2m3-4H7a1 1 0 1 0 0 2h10a1 1 0 0 0 0-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12.4 2l.253.005a6.34 6.34 0 0 1 5.235 3.166l.089.163l.178.039a6.33 6.33 0 0 1 4.254 3.406l.105.228a6.334 6.334 0 0 1-5.74 8.865l-.144-.002l-.037.052a5.26 5.26 0 0 1-5.458 1.926l-.186-.051l-3.435 2.06a1 1 0 0 1-1.508-.743L6 21v-2.435l-.055-.026a3.67 3.67 0 0 1-1.554-1.498l-.102-.199a3.67 3.67 0 0 1-.312-2.14l.038-.21l-.116-.092a5.8 5.8 0 0 1-1.887-6.025l.071-.238a5.8 5.8 0 0 1 5.42-4.004h.157l.15-.165a6.33 6.33 0 0 1 4.33-1.963zM14 13H9a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2m3-4H7a1 1 0 1 0 0 2h10a1 1 0 0 0 0-2"/></svg>
</template>

CSS

.icon-bubble-text-filled {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.4%202l.253.005a6.34%206.34%200%200%201%205.235%203.166l.089.163l.178.039a6.33%206.33%200%200%201%204.254%203.406l.105.228a6.334%206.334%200%200%201-5.74%208.865l-.144-.002l-.037.052a5.26%205.26%200%200%201-5.458%201.926l-.186-.051l-3.435%202.06a1%201%200%200%201-1.508-.743L6%2021v-2.435l-.055-.026a3.67%203.67%200%200%201-1.554-1.498l-.102-.199a3.67%203.67%200%200%201-.312-2.14l.038-.21l-.116-.092a5.8%205.8%200%200%201-1.887-6.025l.071-.238a5.8%205.8%200%200%201%205.42-4.004h.157l.15-.165a6.33%206.33%200%200%201%204.33-1.963zM14%2013H9a1%201%200%200%200%200%202h5a1%201%200%200%200%200-2m3-4H7a1%201%200%201%200%200%202h10a1%201%200%200%200%200-2%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.4%202l.253.005a6.34%206.34%200%200%201%205.235%203.166l.089.163l.178.039a6.33%206.33%200%200%201%204.254%203.406l.105.228a6.334%206.334%200%200%201-5.74%208.865l-.144-.002l-.037.052a5.26%205.26%200%200%201-5.458%201.926l-.186-.051l-3.435%202.06a1%201%200%200%201-1.508-.743L6%2021v-2.435l-.055-.026a3.67%203.67%200%200%201-1.554-1.498l-.102-.199a3.67%203.67%200%200%201-.312-2.14l.038-.21l-.116-.092a5.8%205.8%200%200%201-1.887-6.025l.071-.238a5.8%205.8%200%200%201%205.42-4.004h.157l.15-.165a6.33%206.33%200%200%201%204.33-1.963zM14%2013H9a1%201%200%200%200%200%202h5a1%201%200%200%200%200-2m3-4H7a1%201%200%201%200%200%202h10a1%201%200%200%200%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/bubble-text-filled.svg?color=%231a73e8&size=48