Skip to content

Conversation Outline

The conversation-outline icon represents a conversation or chat between two or more people, with an outlined style.

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

Set up MCP

Exports at 24 × 24 px

Conversation Outline icon from Material Symbols

Code

Conversation Outline in your framework

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

export const ConversationOutlineIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M4.75 11q-.525 0-.888-.363T3.5 9.75t.363-.888t.887-.362t.888.363T6 9.75t-.363.888T4.75 11m14.5 0q-.525 0-.888-.363T18 9.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362M4 22H2v-4h4q-1.65 0-2.825-1.175T2 14h2q0 .825.588 1.413T6 16v-3h2.7l-.95-3.875q-.575-2.3-2.463-3.713T1 4V2q3.075 0 5.513 1.825t3.162 4.8l1.3 5.125q.125.475-.175.863T10 15H8v3q0 .825-.587 1.413T6 20H4zm18 0h-2v-2h-2q-.825 0-1.412-.587T16 18v-3h-2q-.5 0-.8-.4t-.15-.9l1.275-5.075q.8-2.875 3.175-4.75T23 2v2q-2.375 0-4.262 1.425t-2.463 3.7L15.3 13H18v3q.825 0 1.413-.587T20 14h2q0 1.65-1.175 2.825T18 18h4zM8 18v-2zm8 0v-2z"/>
  </svg>
);

Other libraries

Conversation Outline in 8 more libraries

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

  • Conversation Outline icon from Material Symbols Light
  • Conversation Outline icon from Huge Icons
  • Conversation Outline icon from Game Icons
  • Conversation Outline icon from BoxIcons
  • Conversation Outline icon from Siemens Industrial Experience Icons
  • Conversation Outline icon from BoxIcons Solid
  • Conversation Outline icon from Zondicons
  • Conversation Outline icon from Academicons

Material Symbols

Icons that share its tags, in the same style.

  • Android Chat Outline icon from Material Symbols
  • Mail Asterisk Outline icon from Material Symbols
  • Mark Unread Chat Alt Outline icon from Material Symbols
  • Chat Add On Outline icon from Material Symbols
  • Chat Info Outline icon from Material Symbols
  • Chat Outline icon from Material Symbols
  • Comments Disabled Outline icon from Material Symbols
  • Contacts Outline icon from Material Symbols
  • Contacts Product Outline icon from Material Symbols
  • Emoji Language Outline icon from Material Symbols
  • Mark Chat Read Outline icon from Material Symbols
  • Voice Chat Outline icon from Material Symbols
  • 1x Mobiledata Badge Outline icon from Material Symbols
  • 20mp Outline icon from Material Symbols
  • 3d Outline icon from Material Symbols
  • Add Circle Outline icon from Material Symbols
  • Add Column Left Outline icon from Material Symbols
  • Animation Outline icon from Material Symbols
  • App Registration Outline icon from Material Symbols
  • Artist Outline icon from Material Symbols
  • Aspect Ratio Outline icon from Material Symbols
  • Auto Awesome Mosaic Outline icon from Material Symbols
  • Auto Awesome Motion Outline icon from Material Symbols
  • Background Dot Small Outline icon from Material Symbols

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

Get Pro

Tags

Browse by tag

Conversation Outline is tagged design, material, communication and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols MCP, with Pro

Ask for Conversation Outline or any of 15,862 Material Symbols 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 Conversation Outline icon means and where it's used, then how to install, style and license it.

Install Conversation Outline from a prompt

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

Get Pro