chatbubble ellipses icon

chatbubble-ellipses-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: chatbubble-ellipses-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

chatbubble-ellipses chatbubble-ellipses-outline

Related icons in IonIcons

Use the chatbubble ellipses icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 0 0 255.82 32C194.9 32 138 55.47 95.46 98.09C54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0 0 35.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42s16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9c59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 0 0-4.78-44.97M160 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>

React

import type { SVGProps } from "react";

export function IonChatbubbleEllipsesSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 0 0 255.82 32C194.9 32 138 55.47 95.46 98.09C54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0 0 35.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42s16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9c59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 0 0-4.78-44.97M160 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 0 0 255.82 32C194.9 32 138 55.47 95.46 98.09C54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0 0 35.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42s16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9c59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 0 0-4.78-44.97M160 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>
</template>

CSS

.icon-chatbubble-ellipses-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M475.22%20206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4%20227.4%200%200%200%20255.82%2032C194.9%2032%20138%2055.47%2095.46%2098.09C54.35%20139.33%2031.82%20193.78%2032%20251.37a215.66%20215.66%200%200%200%2035.65%20118.76l4.35%206.05L48%20480l114.8-28.56s2.3.77%204%201.42s16.33%206.26%2031.85%2010.6c12.9%203.6%2039.74%209%2060.77%209c59.65%200%20115.35-23.1%20156.83-65.06C457.36%20365.77%20480%20310.42%20480%20251.49a213.5%20213.5%200%200%200-4.78-44.97M160%20288a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M475.22%20206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4%20227.4%200%200%200%20255.82%2032C194.9%2032%20138%2055.47%2095.46%2098.09C54.35%20139.33%2031.82%20193.78%2032%20251.37a215.66%20215.66%200%200%200%2035.65%20118.76l4.35%206.05L48%20480l114.8-28.56s2.3.77%204%201.42s16.33%206.26%2031.85%2010.6c12.9%203.6%2039.74%209%2060.77%209c59.65%200%20115.35-23.1%20156.83-65.06C457.36%20365.77%20480%20310.42%20480%20251.49a213.5%20213.5%200%200%200-4.78-44.97M160%20288a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/chatbubble-ellipses-sharp.svg?color=%231a73e8&size=48