comment dots icon

comment-dots from Font Awesome 6 Regular by Dave Gandy · Regular · Chat · CC-BY-4.0 Attribution required.

Name
comment-dots
Set
Font Awesome 6 Regular
Style
Regular
Category
Chat
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

comment-dotsBoxIcons v2comment-dotsBoxIcons v2 Solidcomment-dotsFont Awesome 6 Solidcomment-dotsLine Awesomecomment-dotsUniconscomment-dotsUnicons Monochromecomment-dotsUnicons Solid

More chat icons from Font Awesome 6 Regular

commentcomments

Use the comment dots icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M168.2 384.9c-15-5.4-31.7-3.1-44.6 6.4c-8.2 6-22.3 14.8-39.4 22.7c5.6-14.7 9.9-31.3 11.3-49.4c1-12.9-3.3-25.7-11.8-35.5C60.4 302.8 48 272 48 240c0-79.5 83.3-160 208-160s208 80.5 208 160s-83.3 160-208 160c-31.6 0-61.3-5.5-87.8-15.1M26.3 423.8q-2.4 4.05-5.1 8.1l-.3.5l-4.8 6.9c-3.5 4.7-7.3 9.3-11.3 13.5c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c5.1 0 10.2-.3 15.3-.8l.7-.1c4.4-.5 8.8-1.1 13.2-1.9c.8-.1 1.6-.3 2.4-.5c17.8-3.5 34.9-9.5 50.1-16.1c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9M144 272a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0m80 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularCommentDots(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M168.2 384.9c-15-5.4-31.7-3.1-44.6 6.4c-8.2 6-22.3 14.8-39.4 22.7c5.6-14.7 9.9-31.3 11.3-49.4c1-12.9-3.3-25.7-11.8-35.5C60.4 302.8 48 272 48 240c0-79.5 83.3-160 208-160s208 80.5 208 160s-83.3 160-208 160c-31.6 0-61.3-5.5-87.8-15.1M26.3 423.8q-2.4 4.05-5.1 8.1l-.3.5l-4.8 6.9c-3.5 4.7-7.3 9.3-11.3 13.5c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c5.1 0 10.2-.3 15.3-.8l.7-.1c4.4-.5 8.8-1.1 13.2-1.9c.8-.1 1.6-.3 2.4-.5c17.8-3.5 34.9-9.5 50.1-16.1c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9M144 272a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0m80 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M168.2 384.9c-15-5.4-31.7-3.1-44.6 6.4c-8.2 6-22.3 14.8-39.4 22.7c5.6-14.7 9.9-31.3 11.3-49.4c1-12.9-3.3-25.7-11.8-35.5C60.4 302.8 48 272 48 240c0-79.5 83.3-160 208-160s208 80.5 208 160s-83.3 160-208 160c-31.6 0-61.3-5.5-87.8-15.1M26.3 423.8q-2.4 4.05-5.1 8.1l-.3.5l-4.8 6.9c-3.5 4.7-7.3 9.3-11.3 13.5c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c5.1 0 10.2-.3 15.3-.8l.7-.1c4.4-.5 8.8-1.1 13.2-1.9c.8-.1 1.6-.3 2.4-.5c17.8-3.5 34.9-9.5 50.1-16.1c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9M144 272a32 32 0 1 0 0-64a32 32 0 1 0 0 64m144-32a32 32 0 1 0-64 0a32 32 0 1 0 64 0m80 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
</template>

CSS

.icon-comment-dots {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168.2%20384.9c-15-5.4-31.7-3.1-44.6%206.4c-8.2%206-22.3%2014.8-39.4%2022.7c5.6-14.7%209.9-31.3%2011.3-49.4c1-12.9-3.3-25.7-11.8-35.5C60.4%20302.8%2048%20272%2048%20240c0-79.5%2083.3-160%20208-160s208%2080.5%20208%20160s-83.3%20160-208%20160c-31.6%200-61.3-5.5-87.8-15.1M26.3%20423.8q-2.4%204.05-5.1%208.1l-.3.5l-4.8%206.9c-3.5%204.7-7.3%209.3-11.3%2013.5c-4.6%204.6-5.9%2011.4-3.4%2017.4s8.3%209.9%2014.8%209.9c5.1%200%2010.2-.3%2015.3-.8l.7-.1c4.4-.5%208.8-1.1%2013.2-1.9c.8-.1%201.6-.3%202.4-.5c17.8-3.5%2034.9-9.5%2050.1-16.1c22.9-10%2042.4-21.9%2054.3-30.6c31.8%2011.5%2067%2017.9%20104.1%2017.9c141.4%200%20256-93.1%20256-208S397.4%2032%20256%2032S0%20125.1%200%20240c0%2045.1%2017.7%2086.8%2047.7%20120.9c-1.9%2024.5-11.4%2046.3-21.4%2062.9M144%20272a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m144-32a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m80%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168.2%20384.9c-15-5.4-31.7-3.1-44.6%206.4c-8.2%206-22.3%2014.8-39.4%2022.7c5.6-14.7%209.9-31.3%2011.3-49.4c1-12.9-3.3-25.7-11.8-35.5C60.4%20302.8%2048%20272%2048%20240c0-79.5%2083.3-160%20208-160s208%2080.5%20208%20160s-83.3%20160-208%20160c-31.6%200-61.3-5.5-87.8-15.1M26.3%20423.8q-2.4%204.05-5.1%208.1l-.3.5l-4.8%206.9c-3.5%204.7-7.3%209.3-11.3%2013.5c-4.6%204.6-5.9%2011.4-3.4%2017.4s8.3%209.9%2014.8%209.9c5.1%200%2010.2-.3%2015.3-.8l.7-.1c4.4-.5%208.8-1.1%2013.2-1.9c.8-.1%201.6-.3%202.4-.5c17.8-3.5%2034.9-9.5%2050.1-16.1c22.9-10%2042.4-21.9%2054.3-30.6c31.8%2011.5%2067%2017.9%20104.1%2017.9c141.4%200%20256-93.1%20256-208S397.4%2032%20256%2032S0%20125.1%200%20240c0%2045.1%2017.7%2086.8%2047.7%20120.9c-1.9%2024.5-11.4%2046.3-21.4%2062.9M144%20272a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064m144-32a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m80%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/comment-dots.svg?color=%231a73e8&size=48