icons icon

The same icon in other sets

More chat icons from Font Awesome 6 Solid

Use the icons icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v144c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V71l-96 19.2V208c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V64c0-15.3 10.8-28.4 25.7-31.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM74.7 304l11.8-17.8c5.9-8.9 15.9-14.2 26.6-14.2h61.7c10.7 0 20.7 5.3 26.6 14.2l11.9 17.8H240c26.5 0 48 21.5 48 48v112c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V352c0-26.5 21.5-48 48-48zM192 408a48 48 0 1 0-96 0a48 48 0 1 0 96 0m286.7-129.7L440.3 368H496c6.7 0 12.6 4.1 15 10.4s.6 13.3-4.4 17.7l-128 112c-5.6 4.9-13.9 5.3-19.9.9s-8.2-12.4-5.3-19.2l38.3-89.8H336c-6.7 0-12.6-4.1-15-10.4s-.6-13.3 4.4-17.7l128-112c5.6-4.9 13.9-5.3 19.9-.9s8.2 12.4 5.3 19.2zm-339-59.2c-6.5 6.5-17 6.5-23 0l-96.8-99.9c-28-29-26.5-76.9 5-103.9c27-23.5 68.4-19 93.4 6.5l10 10.5l9.5-10.5c25-25.5 65.9-30 93.9-6.5c31 27 32.5 74.9 4.5 103.9l-96.4 99.9z"/></svg>

import type { SVGProps } from "react";

export function Fa6SolidIcons(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="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v144c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V71l-96 19.2V208c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V64c0-15.3 10.8-28.4 25.7-31.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM74.7 304l11.8-17.8c5.9-8.9 15.9-14.2 26.6-14.2h61.7c10.7 0 20.7 5.3 26.6 14.2l11.9 17.8H240c26.5 0 48 21.5 48 48v112c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V352c0-26.5 21.5-48 48-48zM192 408a48 48 0 1 0-96 0a48 48 0 1 0 96 0m286.7-129.7L440.3 368H496c6.7 0 12.6 4.1 15 10.4s.6 13.3-4.4 17.7l-128 112c-5.6 4.9-13.9 5.3-19.9.9s-8.2-12.4-5.3-19.2l38.3-89.8H336c-6.7 0-12.6-4.1-15-10.4s-.6-13.3 4.4-17.7l128-112c5.6-4.9 13.9-5.3 19.9-.9s8.2 12.4 5.3 19.2zm-339-59.2c-6.5 6.5-17 6.5-23 0l-96.8-99.9c-28-29-26.5-76.9 5-103.9c27-23.5 68.4-19 93.4 6.5l10 10.5l9.5-10.5c25-25.5 65.9-30 93.9-6.5c31 27 32.5 74.9 4.5 103.9l-96.4 99.9z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v144c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V71l-96 19.2V208c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V64c0-15.3 10.8-28.4 25.7-31.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM74.7 304l11.8-17.8c5.9-8.9 15.9-14.2 26.6-14.2h61.7c10.7 0 20.7 5.3 26.6 14.2l11.9 17.8H240c26.5 0 48 21.5 48 48v112c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V352c0-26.5 21.5-48 48-48zM192 408a48 48 0 1 0-96 0a48 48 0 1 0 96 0m286.7-129.7L440.3 368H496c6.7 0 12.6 4.1 15 10.4s.6 13.3-4.4 17.7l-128 112c-5.6 4.9-13.9 5.3-19.9.9s-8.2-12.4-5.3-19.2l38.3-89.8H336c-6.7 0-12.6-4.1-15-10.4s-.6-13.3 4.4-17.7l128-112c5.6-4.9 13.9-5.3 19.9-.9s8.2 12.4 5.3 19.2zm-339-59.2c-6.5 6.5-17 6.5-23 0l-96.8-99.9c-28-29-26.5-76.9 5-103.9c27-23.5 68.4-19 93.4 6.5l10 10.5l9.5-10.5c25-25.5 65.9-30 93.9-6.5c31 27 32.5 74.9 4.5 103.9l-96.4 99.9z"/></svg>
</template>

.icon-icons {
  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%22M500.3%207.3c7.4%206%2011.7%2015.1%2011.7%2024.7v144c0%2026.5-28.7%2048-64%2048s-64-21.5-64-48s28.7-48%2064-48V71l-96%2019.2V208c0%2026.5-28.7%2048-64%2048s-64-21.5-64-48s28.7-48%2064-48V64c0-15.3%2010.8-28.4%2025.7-31.4l160-32c9.4-1.9%2019.1.6%2026.6%206.6zM74.7%20304l11.8-17.8c5.9-8.9%2015.9-14.2%2026.6-14.2h61.7c10.7%200%2020.7%205.3%2026.6%2014.2l11.9%2017.8H240c26.5%200%2048%2021.5%2048%2048v112c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V352c0-26.5%2021.5-48%2048-48zM192%20408a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200m286.7-129.7L440.3%20368H496c6.7%200%2012.6%204.1%2015%2010.4s.6%2013.3-4.4%2017.7l-128%20112c-5.6%204.9-13.9%205.3-19.9.9s-8.2-12.4-5.3-19.2l38.3-89.8H336c-6.7%200-12.6-4.1-15-10.4s-.6-13.3%204.4-17.7l128-112c5.6-4.9%2013.9-5.3%2019.9-.9s8.2%2012.4%205.3%2019.2zm-339-59.2c-6.5%206.5-17%206.5-23%200l-96.8-99.9c-28-29-26.5-76.9%205-103.9c27-23.5%2068.4-19%2093.4%206.5l10%2010.5l9.5-10.5c25-25.5%2065.9-30%2093.9-6.5c31%2027%2032.5%2074.9%204.5%20103.9l-96.4%2099.9z%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%22M500.3%207.3c7.4%206%2011.7%2015.1%2011.7%2024.7v144c0%2026.5-28.7%2048-64%2048s-64-21.5-64-48s28.7-48%2064-48V71l-96%2019.2V208c0%2026.5-28.7%2048-64%2048s-64-21.5-64-48s28.7-48%2064-48V64c0-15.3%2010.8-28.4%2025.7-31.4l160-32c9.4-1.9%2019.1.6%2026.6%206.6zM74.7%20304l11.8-17.8c5.9-8.9%2015.9-14.2%2026.6-14.2h61.7c10.7%200%2020.7%205.3%2026.6%2014.2l11.9%2017.8H240c26.5%200%2048%2021.5%2048%2048v112c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V352c0-26.5%2021.5-48%2048-48zM192%20408a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200m286.7-129.7L440.3%20368H496c6.7%200%2012.6%204.1%2015%2010.4s.6%2013.3-4.4%2017.7l-128%20112c-5.6%204.9-13.9%205.3-19.9.9s-8.2-12.4-5.3-19.2l38.3-89.8H336c-6.7%200-12.6-4.1-15-10.4s-.6-13.3%204.4-17.7l128-112c5.6-4.9%2013.9-5.3%2019.9-.9s8.2%2012.4%205.3%2019.2zm-339-59.2c-6.5%206.5-17%206.5-23%200l-96.8-99.9c-28-29-26.5-76.9%205-103.9c27-23.5%2068.4-19%2093.4%206.5l10%2010.5l9.5-10.5c25-25.5%2065.9-30%2093.9-6.5c31%2027%2032.5%2074.9%204.5%20103.9l-96.4%2099.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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