Skip to content

Add Comment Sharp

The add-comment-sharp icon represents a button or action to add a new comment to a discussion, blog post, or social media platform.

Exports at 24 × 24 px

Add Comment Sharp icon from Material Symbols Light
Get Pro

Code

Add Comment Sharp in your framework

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

export const AddCommentSharpIcon = (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="M11.5 13.5h1v-3h3v-1h-3v-3h-1v3h-3v1h3zM3 20.077V3h18v14H6.077z"/>
  </svg>
);

Other libraries

Add Comment Sharp in 2 more libraries

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

  • Add Comment Sharp icon from Material Symbols
  • Add Comment Sharp icon from Carbon

Tags

Browse by tag

Add Comment Sharp is tagged communication, social, feedback and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Material Symbols Light MCP, with Pro

Ask for Add Comment Sharp or any of 15,390 Material Symbols Light 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
  • Page sections in 56 categories, from heroes and pricing tables to dashboards and settings, on every framework and UI library, in your theme.Blocks: All 6,181 blocks
  • Complete Next.js sites for startups, SaaS, agencies and portfolios, every page designed, ready to ship.Templates: All 14 templates
  • Your AI agent searches, previews and installs any component, block, icon or DESIGN.md from a prompt: 22 tools in Claude Code, Cursor, VS Code and 35 more clients.MCP server: 38 AI clients
  • Buttons with motion and states of their own, from an arrow that slides in to a burst of confetti.Animated buttons: All 35 buttons
  • Typewriters, scrambles, counters and more, for headlines, labels and numbers.Text effects: All 97 effects
  • Animated backgrounds for heroes, sections and cards, from a soft aurora to a flock that flees the cursor. Most are pure CSS.Backgrounds: All 100 backgrounds
  • WebGPU shaders, from a slow aurora to a black hole, each drawing only while it's on screen.Shaders: All 100 shaders
  • One design and one theme on all four: the components, blocks and effects are built for each framework.Frameworks: React, Vue, Svelte, Solid
  • React on Base UI, Radix UI, React Aria or Ark UI: install the version for the library your project already uses. Vue, Svelte and Solid run on Ark UI.UI libraries: Base UI, Radix, Aria, Ark
  • From a button to a date picker, a color picker or a guided tour: accessible, typed in TypeScript, each with live demos.Components: All 174 components
  • Real-world patterns built from the components, in 53 galleries: forms, tables, menus, dialogs and more.Examples: All 1,103 examples
  • Area, bar, line, pie, radar and radial charts on TanStack Charts, on every framework. React also gets the Recharts originals.Charts: All 70 charts
  • Debounce, local storage, media queries and more: each hook is one typed file you own.React hooks: All 35 hooks
  • From 222 libraries, Lucide, Heroicons, Tabler and Material Symbols among them, as SVG or a React component in one command.Icons: 294k+ icons
  • Stripe, Linear, Apple and 497 more: a brand's colors, typography and components in one file your AI agent builds from.DESIGN.md files: All 500 brands
  • Restyle every component and block at once: 8 styles, 7 grays, 18 colors and 5 radii, shared as a shadcn preset code.Theme builder: 8 styles × 18 colors
  • 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
  • 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
  • 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 Add Comment Sharp icon means and where it's used, then how to install, style, label and license it.

What does the Add Comment Sharp icon mean?

The add-comment-sharp icon represents a button or action to add a new comment to a discussion, blog post, or social media platform. This icon is commonly used in software applications related to online communication and collaboration.

Where is the Add Comment Sharp icon used?

In real-world applications, this icon appears in programs like Facebook, Twitter, and other social media platforms. It allows users to easily add their thoughts and opinions to a conversation, making it a fundamental feature for online engagement.

What does the Add Comment Sharp icon tell users?

From a UX perspective, this icon communicates the ability to provide feedback and engage with others. It helps users understand that they can add their voice to a discussion, making it a key element of online interaction.

Which library is the Add Comment Sharp icon from?

Add Comment Sharp is one of 15,390 icons in Material Symbols Light, made by Google and released under Apache 2.0. It is drawn on a 24 × 24 grid.

4.9 out of 5 from 150+ developers

Install Add Comment Sharp from a prompt

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

Get Pro
  • Cancel anytime
  • Keep what you've shipped