Skip to content

Chat Dots

The chat-dots icon represents typing indicators, active messaging, and conversation activity in communication applications.

Add shadcn.io to your AI agent. · Pro It installs Chat Dots, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Chat Dots icon from Akar Icons
Get Pro

458 in Akar IconsMIT license (opens in a new tab)Free to copy and download

Code

Chat Dots in your framework

In any framework. Customize it above, and the code follows.

export const ChatDotsIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2"><path strokeLinejoin="round" d="M14 19c3.771 0 5.657 0 6.828-1.172S22 14.771 22 11s0-5.657-1.172-6.828S17.771 3 14 3h-4C6.229 3 4.343 3 3.172 4.172S2 7.229 2 11s0 5.657 1.172 6.828c.653.654 1.528.943 2.828 1.07"/><path d="M12 11v.01M8 11v.01m8-.01v.01M14 19c-1.236 0-2.598.5-3.841 1.145c-1.998 1.037-2.997 1.556-3.489 1.225s-.399-1.355-.212-3.404L6.5 17.5"/></g>
  </svg>
);

Other libraries

Chat Dots in 5 more libraries

Each library draws it its own way. Open one to compare.

  • Chat Dots icon from Phosphor
  • Chat Dots icon from Myna UI Icons
  • Chat Dots icon from Bootstrap Icons
  • Chat Dots icon from coolicons
  • Chat Dots icon from Nimbus

Akar Icons

Icons that share its tags, then the ones next to it in Akar Icons, in the same style.

  • Chat Bubble icon from Akar Icons
  • Chat Add icon from Akar Icons
  • Comment icon from Akar Icons
  • Chat Edit icon from Akar Icons
  • Chat Error icon from Akar Icons
  • Chat Remove icon from Akar Icons
  • Envelope icon from Akar Icons
  • Reply icon from Akar Icons
  • Battery Charging icon from Akar Icons
  • Chat Approve icon from Akar Icons
  • Chat Question icon from Akar Icons
  • Dot Grid icon from Akar Icons
  • History icon from Akar Icons
  • Key Cap icon from Akar Icons
  • Open Envelope icon from Akar Icons
  • Paper Airplane icon from Akar Icons
  • Send icon from Akar Icons
  • Book Open icon from Akar Icons
  • Box icon from Akar Icons
  • Briefcase icon from Akar Icons
  • Bug icon from Akar Icons
  • Cake icon from Akar Icons
  • Calculator icon from Akar Icons
  • Calendar icon from Akar Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Akar Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Chat Dots is tagged indicator, message, chat and 4 more. Related tags follow; each opens its icons from every library.

Pricing

Akar Icons MCP, with Pro

Ask for Chat Dots or any of 458 Akar Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Chat Dots icon means and where it's used, then how to install, style and license it.

Install Chat Dots from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro