message-circle

Message Circle icon · Lucide · <MessageCircle />

message-circle

Lucide tags message-circle with speech bubble, dialog and feedback. It's in Lucide's Social category; similar icons include Message Circle Check, Message Circle Dashed and Message Circle Dashed Check. The matching icons are Chat in Microsoft's Fluent icons and chat_bubble in Google's Material Symbols.

24 px, stroke 2

message-circle.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { MessageCircle } from "lucide-react";

export function Example() {
  return <MessageCircle />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`message-circle`
Component	`MessageCircle` (also `MessageCircleIcon`, `LucideMessageCircle`)
Category	Social
Icon font	`icon-message-circle`, `U+E116`
CSS content	`"\e116"`
File	`lucide-static/icons/message-circle.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)