comment sms icon
comment-sms from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- comment-sms
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the comment sms icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 448c141.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.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6.6-1 1.1-1.3 1.4l-.3.3c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM96 212.8c0-20.3 16.5-36.8 36.8-36.8H152c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.3 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.9-16.4-18.4-16.4-30.8M372.8 176H392c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.2 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3 16.5-36.8 36.8-36.8zm-152 6.4l35.2 46.9l35.2-46.9c4.1-5.5 11.3-7.8 17.9-5.6S320 185.1 320 192v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-48l-19.2 25.6c-3 4-7.8 6.4-12.8 6.4s-9.8-2.4-12.8-6.4L224 240v48c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-6.9 4.4-13 10.9-15.2s13.7.1 17.9 5.6"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidCommentSms(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="M256 448c141.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.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6.6-1 1.1-1.3 1.4l-.3.3c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM96 212.8c0-20.3 16.5-36.8 36.8-36.8H152c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.3 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.9-16.4-18.4-16.4-30.8M372.8 176H392c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.2 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3 16.5-36.8 36.8-36.8zm-152 6.4l35.2 46.9l35.2-46.9c4.1-5.5 11.3-7.8 17.9-5.6S320 185.1 320 192v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-48l-19.2 25.6c-3 4-7.8 6.4-12.8 6.4s-9.8-2.4-12.8-6.4L224 240v48c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-6.9 4.4-13 10.9-15.2s13.7.1 17.9 5.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 448c141.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.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6.6-1 1.1-1.3 1.4l-.3.3c-4.6 4.6-5.9 11.4-3.4 17.4s8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM96 212.8c0-20.3 16.5-36.8 36.8-36.8H152c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.3 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.9-16.4-18.4-16.4-30.8M372.8 176H392c8.8 0 16 7.2 16 16s-7.2 16-16 16h-19.2c-2.7 0-4.8 2.2-4.8 4.8c0 1.6.8 3.1 2.2 4l29.4 19.6c10.2 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8l-27.2.1c-8.8 0-16-7.2-16-16s7.2-16 16-16h27.2c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3 16.5-36.8 36.8-36.8zm-152 6.4l35.2 46.9l35.2-46.9c4.1-5.5 11.3-7.8 17.9-5.6S320 185.1 320 192v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-48l-19.2 25.6c-3 4-7.8 6.4-12.8 6.4s-9.8-2.4-12.8-6.4L224 240v48c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-6.9 4.4-13 10.9-15.2s13.7.1 17.9 5.6"/></svg> </template>
CSS
.icon-comment-sms {
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%22M256%20448c141.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.9c-5.5%209.2-11.1%2016.6-15.2%2021.6c-2.1%202.5-3.7%204.4-4.9%205.7c-.6.6-1%201.1-1.3%201.4l-.3.3c-4.6%204.6-5.9%2011.4-3.4%2017.4s8.3%209.9%2014.8%209.9c28.7%200%2057.6-8.9%2081.6-19.3c22.9-10%2042.4-21.9%2054.3-30.6c31.8%2011.5%2067%2017.9%20104.1%2017.9zM96%20212.8c0-20.3%2016.5-36.8%2036.8-36.8H152c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-2.7%200-4.8%202.2-4.8%204.8c0%201.6.8%203.1%202.2%204l29.4%2019.6c10.3%206.8%2016.4%2018.3%2016.4%2030.7c0%2020.3-16.5%2036.8-36.8%2036.8l-27.2.1c-8.8%200-16-7.2-16-16s7.2-16%2016-16h27.2c2.7%200%204.8-2.2%204.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.9-16.4-18.4-16.4-30.8M372.8%20176H392c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-2.7%200-4.8%202.2-4.8%204.8c0%201.6.8%203.1%202.2%204l29.4%2019.6c10.2%206.8%2016.4%2018.3%2016.4%2030.7c0%2020.3-16.5%2036.8-36.8%2036.8l-27.2.1c-8.8%200-16-7.2-16-16s7.2-16%2016-16h27.2c2.7%200%204.8-2.2%204.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3%2016.5-36.8%2036.8-36.8zm-152%206.4l35.2%2046.9l35.2-46.9c4.1-5.5%2011.3-7.8%2017.9-5.6S320%20185.1%20320%20192v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-48l-19.2%2025.6c-3%204-7.8%206.4-12.8%206.4s-9.8-2.4-12.8-6.4L224%20240v48c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-6.9%204.4-13%2010.9-15.2s13.7.1%2017.9%205.6%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%22M256%20448c141.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.9c-5.5%209.2-11.1%2016.6-15.2%2021.6c-2.1%202.5-3.7%204.4-4.9%205.7c-.6.6-1%201.1-1.3%201.4l-.3.3c-4.6%204.6-5.9%2011.4-3.4%2017.4s8.3%209.9%2014.8%209.9c28.7%200%2057.6-8.9%2081.6-19.3c22.9-10%2042.4-21.9%2054.3-30.6c31.8%2011.5%2067%2017.9%20104.1%2017.9zM96%20212.8c0-20.3%2016.5-36.8%2036.8-36.8H152c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-2.7%200-4.8%202.2-4.8%204.8c0%201.6.8%203.1%202.2%204l29.4%2019.6c10.3%206.8%2016.4%2018.3%2016.4%2030.7c0%2020.3-16.5%2036.8-36.8%2036.8l-27.2.1c-8.8%200-16-7.2-16-16s7.2-16%2016-16h27.2c2.7%200%204.8-2.2%204.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.9-16.4-18.4-16.4-30.8M372.8%20176H392c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-19.2c-2.7%200-4.8%202.2-4.8%204.8c0%201.6.8%203.1%202.2%204l29.4%2019.6c10.2%206.8%2016.4%2018.3%2016.4%2030.7c0%2020.3-16.5%2036.8-36.8%2036.8l-27.2.1c-8.8%200-16-7.2-16-16s7.2-16%2016-16h27.2c2.7%200%204.8-2.2%204.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3%2016.5-36.8%2036.8-36.8zm-152%206.4l35.2%2046.9l35.2-46.9c4.1-5.5%2011.3-7.8%2017.9-5.6S320%20185.1%20320%20192v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-48l-19.2%2025.6c-3%204-7.8%206.4-12.8%206.4s-9.8-2.4-12.8-6.4L224%20240v48c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-6.9%204.4-13%2010.9-15.2s13.7.1%2017.9%205.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/comment-sms.svg?color=%231a73e8&size=48
