chat bubble text icon
chat-bubble-text from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- chat-bubble-text
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the chat bubble text icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 3.886c14.265 0 25.83 9.704 25.83 21.673c0 11.971-11.565 21.676-25.83 21.676q-1.993-.002-3.903-.246l-.643-.09c-1.163-.276-2.102-.03-3.132.496l-.33.175l-.336.192l-.347.207l-1.538.947l-.433.258l-.456.262l-.482.266l-.51.268c-1.4.713-3.121 1.425-5.353 1.99c-1.37.347-1.729.113-1.071-.754l.17-.211l.206-.234l.116-.126q.145-.153.289-.314l.285-.328l.28-.341l.138-.175l.27-.358q.198-.272.384-.552l.24-.376c1.283-2.08 1.885-4.355.292-5.528l-.774-.53l-.503-.358C5.53 37.805 2.17 32.008 2.17 25.56C2.17 13.59 13.733 3.886 28 3.886m0 3.676c-12.463 0-22.281 8.24-22.281 17.976c0 5.027 2.605 9.786 7.173 13.19l1.013.71l.137.082l.178.131c1.822 1.342 2.692 3.139 2.814 5.098l.484-.265l.468-.25l.442-.227l.209-.103l.385-.18q.273-.123.482-.194a8.5 8.5 0 0 1 4.611-.288a28 28 0 0 0 3.885.273c12.462 0 22.281-8.24 22.281-17.977S40.461 7.562 28 7.562M31.758 32c.82 0 1.453.656 1.453 1.477c0 .75-.56 1.333-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.61-1.453-1.407c0-.772.54-1.398 1.307-1.47l.146-.006zm8.344-7.82c.82 0 1.453.656 1.453 1.476c0 .75-.56 1.334-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.609-1.453-1.406c0-.772.54-1.399 1.307-1.47l.146-.006zm0-8.18c.82 0 1.453.633 1.453 1.43c0 .772-.56 1.378-1.31 1.446l-.143.007H16.453c-.844 0-1.453-.633-1.453-1.453c0-.75.54-1.355 1.307-1.424l.146-.006z"/></svg>
React
import type { SVGProps } from "react";
export function F7ChatBubbleText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 3.886c14.265 0 25.83 9.704 25.83 21.673c0 11.971-11.565 21.676-25.83 21.676q-1.993-.002-3.903-.246l-.643-.09c-1.163-.276-2.102-.03-3.132.496l-.33.175l-.336.192l-.347.207l-1.538.947l-.433.258l-.456.262l-.482.266l-.51.268c-1.4.713-3.121 1.425-5.353 1.99c-1.37.347-1.729.113-1.071-.754l.17-.211l.206-.234l.116-.126q.145-.153.289-.314l.285-.328l.28-.341l.138-.175l.27-.358q.198-.272.384-.552l.24-.376c1.283-2.08 1.885-4.355.292-5.528l-.774-.53l-.503-.358C5.53 37.805 2.17 32.008 2.17 25.56C2.17 13.59 13.733 3.886 28 3.886m0 3.676c-12.463 0-22.281 8.24-22.281 17.976c0 5.027 2.605 9.786 7.173 13.19l1.013.71l.137.082l.178.131c1.822 1.342 2.692 3.139 2.814 5.098l.484-.265l.468-.25l.442-.227l.209-.103l.385-.18q.273-.123.482-.194a8.5 8.5 0 0 1 4.611-.288a28 28 0 0 0 3.885.273c12.462 0 22.281-8.24 22.281-17.977S40.461 7.562 28 7.562M31.758 32c.82 0 1.453.656 1.453 1.477c0 .75-.56 1.333-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.61-1.453-1.407c0-.772.54-1.398 1.307-1.47l.146-.006zm8.344-7.82c.82 0 1.453.656 1.453 1.476c0 .75-.56 1.334-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.609-1.453-1.406c0-.772.54-1.399 1.307-1.47l.146-.006zm0-8.18c.82 0 1.453.633 1.453 1.43c0 .772-.56 1.378-1.31 1.446l-.143.007H16.453c-.844 0-1.453-.633-1.453-1.453c0-.75.54-1.355 1.307-1.424l.146-.006z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 3.886c14.265 0 25.83 9.704 25.83 21.673c0 11.971-11.565 21.676-25.83 21.676q-1.993-.002-3.903-.246l-.643-.09c-1.163-.276-2.102-.03-3.132.496l-.33.175l-.336.192l-.347.207l-1.538.947l-.433.258l-.456.262l-.482.266l-.51.268c-1.4.713-3.121 1.425-5.353 1.99c-1.37.347-1.729.113-1.071-.754l.17-.211l.206-.234l.116-.126q.145-.153.289-.314l.285-.328l.28-.341l.138-.175l.27-.358q.198-.272.384-.552l.24-.376c1.283-2.08 1.885-4.355.292-5.528l-.774-.53l-.503-.358C5.53 37.805 2.17 32.008 2.17 25.56C2.17 13.59 13.733 3.886 28 3.886m0 3.676c-12.463 0-22.281 8.24-22.281 17.976c0 5.027 2.605 9.786 7.173 13.19l1.013.71l.137.082l.178.131c1.822 1.342 2.692 3.139 2.814 5.098l.484-.265l.468-.25l.442-.227l.209-.103l.385-.18q.273-.123.482-.194a8.5 8.5 0 0 1 4.611-.288a28 28 0 0 0 3.885.273c12.462 0 22.281-8.24 22.281-17.977S40.461 7.562 28 7.562M31.758 32c.82 0 1.453.656 1.453 1.477c0 .75-.56 1.333-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.61-1.453-1.407c0-.772.54-1.398 1.307-1.47l.146-.006zm8.344-7.82c.82 0 1.453.656 1.453 1.476c0 .75-.56 1.334-1.31 1.4l-.143.006H16.453c-.844 0-1.453-.609-1.453-1.406c0-.772.54-1.399 1.307-1.47l.146-.006zm0-8.18c.82 0 1.453.633 1.453 1.43c0 .772-.56 1.378-1.31 1.446l-.143.007H16.453c-.844 0-1.453-.633-1.453-1.453c0-.75.54-1.355 1.307-1.424l.146-.006z"/></svg> </template>
CSS
.icon-chat-bubble-text {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%203.886c14.265%200%2025.83%209.704%2025.83%2021.673c0%2011.971-11.565%2021.676-25.83%2021.676q-1.993-.002-3.903-.246l-.643-.09c-1.163-.276-2.102-.03-3.132.496l-.33.175l-.336.192l-.347.207l-1.538.947l-.433.258l-.456.262l-.482.266l-.51.268c-1.4.713-3.121%201.425-5.353%201.99c-1.37.347-1.729.113-1.071-.754l.17-.211l.206-.234l.116-.126q.145-.153.289-.314l.285-.328l.28-.341l.138-.175l.27-.358q.198-.272.384-.552l.24-.376c1.283-2.08%201.885-4.355.292-5.528l-.774-.53l-.503-.358C5.53%2037.805%202.17%2032.008%202.17%2025.56C2.17%2013.59%2013.733%203.886%2028%203.886m0%203.676c-12.463%200-22.281%208.24-22.281%2017.976c0%205.027%202.605%209.786%207.173%2013.19l1.013.71l.137.082l.178.131c1.822%201.342%202.692%203.139%202.814%205.098l.484-.265l.468-.25l.442-.227l.209-.103l.385-.18q.273-.123.482-.194a8.5%208.5%200%200%201%204.611-.288a28%2028%200%200%200%203.885.273c12.462%200%2022.281-8.24%2022.281-17.977S40.461%207.562%2028%207.562M31.758%2032c.82%200%201.453.656%201.453%201.477c0%20.75-.56%201.333-1.31%201.4l-.143.006H16.453c-.844%200-1.453-.61-1.453-1.407c0-.772.54-1.398%201.307-1.47l.146-.006zm8.344-7.82c.82%200%201.453.656%201.453%201.476c0%20.75-.56%201.334-1.31%201.4l-.143.006H16.453c-.844%200-1.453-.609-1.453-1.406c0-.772.54-1.399%201.307-1.47l.146-.006zm0-8.18c.82%200%201.453.633%201.453%201.43c0%20.772-.56%201.378-1.31%201.446l-.143.007H16.453c-.844%200-1.453-.633-1.453-1.453c0-.75.54-1.355%201.307-1.424l.146-.006z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%203.886c14.265%200%2025.83%209.704%2025.83%2021.673c0%2011.971-11.565%2021.676-25.83%2021.676q-1.993-.002-3.903-.246l-.643-.09c-1.163-.276-2.102-.03-3.132.496l-.33.175l-.336.192l-.347.207l-1.538.947l-.433.258l-.456.262l-.482.266l-.51.268c-1.4.713-3.121%201.425-5.353%201.99c-1.37.347-1.729.113-1.071-.754l.17-.211l.206-.234l.116-.126q.145-.153.289-.314l.285-.328l.28-.341l.138-.175l.27-.358q.198-.272.384-.552l.24-.376c1.283-2.08%201.885-4.355.292-5.528l-.774-.53l-.503-.358C5.53%2037.805%202.17%2032.008%202.17%2025.56C2.17%2013.59%2013.733%203.886%2028%203.886m0%203.676c-12.463%200-22.281%208.24-22.281%2017.976c0%205.027%202.605%209.786%207.173%2013.19l1.013.71l.137.082l.178.131c1.822%201.342%202.692%203.139%202.814%205.098l.484-.265l.468-.25l.442-.227l.209-.103l.385-.18q.273-.123.482-.194a8.5%208.5%200%200%201%204.611-.288a28%2028%200%200%200%203.885.273c12.462%200%2022.281-8.24%2022.281-17.977S40.461%207.562%2028%207.562M31.758%2032c.82%200%201.453.656%201.453%201.477c0%20.75-.56%201.333-1.31%201.4l-.143.006H16.453c-.844%200-1.453-.61-1.453-1.407c0-.772.54-1.398%201.307-1.47l.146-.006zm8.344-7.82c.82%200%201.453.656%201.453%201.476c0%20.75-.56%201.334-1.31%201.4l-.143.006H16.453c-.844%200-1.453-.609-1.453-1.406c0-.772.54-1.399%201.307-1.47l.146-.006zm0-8.18c.82%200%201.453.633%201.453%201.43c0%20.772-.56%201.378-1.31%201.446l-.143.007H16.453c-.844%200-1.453-.633-1.453-1.453c0-.75.54-1.355%201.307-1.424l.146-.006z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/chat-bubble-text.svg?color=%231a73e8&size=48
