Chat Round icon
ep:chat-round
The Chat Round icon (ep:chat-round) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
- Tags
- chatround
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" 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>
How to use the Chat Round icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:chat-round" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:chat-round" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:chat-round" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--chat-round]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:chat-round"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:chat-round"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ep/chat-round.svg" alt="Chat Round icon" width="24" height="24">
Related icons in Element Plus
Chat Round icon in other icon sets
Chat Round icon FAQ
Is the Chat Round icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chat Round icon in React?
Install @iconify/react and render <Icon icon="ep:chat-round" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chat Round icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/chat-round.svg" alt="Chat Round icon">, or paste the SVG code inline to style it with CSS.
Browse all Element Plus icons →
ICONYZ
