@astraicons/react/bold/esm/MessageIcon.js

A comprehensive icon set designed for websites, applications, social networks, and print media, tailored specifically for UI Astra.

import * as React from "react";
function MessageIcon({
  title,
  titleId,
  ...props
}, svgRef) {
  return /*#__PURE__*/React.createElement("svg", Object.assign({
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 24 24",
    fill: "currentColor",
    "aria-hidden": "true",
    ref: svgRef,
    "aria-labelledby": titleId
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("path", {
    fillRule: "evenodd",
    d: "M7.5 4A5.5 5.5 0 0 0 2 9.5V19a1 1 0 0 0 1 1h13.5a5.5 5.5 0 0 0 5.5-5.5v-5A5.5 5.5 0 0 0 16.5 4zm8.493 7.002a1 1 0 1 0 0 2h.018a1 1 0 0 0 0-2zm-5.002 1a1 1 0 0 1 1-1h.018a1 1 0 1 1 0 2h-.018a1 1 0 0 1-1-1m-3-1a1 1 0 1 0 0 2h.018a1 1 0 1 0 0-2z",
    clipRule: "evenodd"
  }));
}
const ForwardRef = React.forwardRef(MessageIcon);
export default ForwardRef;