The Phosphor chat icon depicts a speech bubble, commonly used to represent messaging, communication, or comments within a user interface.
Common uses
- Initiate a new chat conversation
- Indicate unread messages
- Open a comment section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Chat } from '@phosphor-icons/react';
<Chat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Chat size={24} />thin
<Chat size={24} weight="thin" />light
<Chat size={24} weight="light" />bold
<Chat size={24} weight="bold" />fill
<Chat size={24} weight="fill" />duotone
<Chat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- sendsentmessagesmessagingsmstextingcommentsquarebubblecommunicationschatspeech bubblemessagecomment bubble
FAQ
- What is the chat icon used for?
- It signifies communication, messaging, or comments. Use it for features like starting a chat or indicating new messages.
- How do I use the chat icon in React?
- Import it from the library like this: import { Chat } from '@phosphor-icons/react'. Then use it as a component: <Chat size={24} />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.