Lambda-School-Labs/designhub-fe

import React from 'react';

const CommentBubbleIcon = () => {
  return (
    <svg
      width="34"
      height="34"
      viewBox="0 0 34 34"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M31.75 15.9167C31.7557 18.1165 31.2417 20.2865 30.25 22.25C29.074 24.6029 27.2662 26.582 25.029 27.9655C22.7919 29.349 20.2137 30.0823 17.5833 30.0833C15.3835 30.0891 13.2135 29.5751 11.25 28.5833L1.75 31.75L4.91666 22.25C3.92488 20.2865 3.41093 18.1165 3.41666 15.9167C3.41768 13.2863 4.15102 10.7081 5.53453 8.47095C6.91804 6.23379 8.89708 4.42599 11.25 3.25005C13.2135 2.25827 15.3835 1.74431 17.5833 1.75005H18.4166C21.8905 1.9417 25.1717 3.40798 27.6319 5.86814C30.092 8.3283 31.5583 11.6095 31.75 15.0834V15.9167Z"
        stroke="white"
        strokeWidth="3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export default CommentBubbleIcon;