chat round icon

chat-round from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: chat-round
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

The same icon in other sets

chat-roundMaterial Line Icons chat-round-boldSolar

Related icons in Element Plus

chat-dot-round chat-dot-square chat-line-round chat-line-square chat-square

Use the chat round icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m174.7 855.7l130-43.4l23.5 11.4A418 418 0 0 0 512 864c223.7 0 384-159.9 384-352c0-192.8-159.1-352-384-352S128 319.2 128 512a341 341 0 0 0 69.2 204.3L219 745zm-45.2 82.5A32 32 0 0 1 89.6 896l56.5-141.2A405 405 0 0 1 64 512C64 299.9 235.6 96 512 96s448 203.9 448 416s-173.4 416-448 416a481 481 0 0 1-211.7-46.7z"/></svg>

React

import type { SVGProps } from "react";

export function EpChatRound(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m174.7 855.7l130-43.4l23.5 11.4A418 418 0 0 0 512 864c223.7 0 384-159.9 384-352c0-192.8-159.1-352-384-352S128 319.2 128 512a341 341 0 0 0 69.2 204.3L219 745zm-45.2 82.5A32 32 0 0 1 89.6 896l56.5-141.2A405 405 0 0 1 64 512C64 299.9 235.6 96 512 96s448 203.9 448 416s-173.4 416-448 416a481 481 0 0 1-211.7-46.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m174.7 855.7l130-43.4l23.5 11.4A418 418 0 0 0 512 864c223.7 0 384-159.9 384-352c0-192.8-159.1-352-384-352S128 319.2 128 512a341 341 0 0 0 69.2 204.3L219 745zm-45.2 82.5A32 32 0 0 1 89.6 896l56.5-141.2A405 405 0 0 1 64 512C64 299.9 235.6 96 512 96s448 203.9 448 416s-173.4 416-448 416a481 481 0 0 1-211.7-46.7z"/></svg>
</template>

CSS

.icon-chat-round {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m174.7%20855.7l130-43.4l23.5%2011.4A418%20418%200%200%200%20512%20864c223.7%200%20384-159.9%20384-352c0-192.8-159.1-352-384-352S128%20319.2%20128%20512a341%20341%200%200%200%2069.2%20204.3L219%20745zm-45.2%2082.5A32%2032%200%200%201%2089.6%20896l56.5-141.2A405%20405%200%200%201%2064%20512C64%20299.9%20235.6%2096%20512%2096s448%20203.9%20448%20416s-173.4%20416-448%20416a481%20481%200%200%201-211.7-46.7z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m174.7%20855.7l130-43.4l23.5%2011.4A418%20418%200%200%200%20512%20864c223.7%200%20384-159.9%20384-352c0-192.8-159.1-352-384-352S128%20319.2%20128%20512a341%20341%200%200%200%2069.2%20204.3L219%20745zm-45.2%2082.5A32%2032%200%200%201%2089.6%20896l56.5-141.2A405%20405%200%200%201%2064%20512C64%20299.9%20235.6%2096%20512%2096s448%20203.9%20448%20416s-173.4%20416-448%20416a481%20481%200%200%201-211.7-46.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/chat-round.svg?color=%231a73e8&size=48