import React from "react";

interface Props {
  size?: string;
}

function InstagramCardCommentsIcon(
  props: React.SVGProps<SVGSVGElement> & Props
) {
  return (
    <svg
      viewBox="0 0 24 24"
      width={props.size || "24px"}
      height={props.size || "24px"}
      fill="currentColor"
      {...props}
    >
      <path
        d="M1,11.9C1,17.9,5.8,23,12,23c1.9,0,3.7-1,5.3-1.8l5,1.3l0,0c0.1,0,0.1,0,0.2,0c0.4,0,0.6-0.3,0.6-0.6c0-0.1,0-0.1,0-0.2
l-1.3-4.9c0.9-1.6,1.4-2.9,1.4-4.8C23,5.8,18,1,12,1C5.9,1,1,5.9,1,11.9z M2.4,11.9c0-5.2,4.3-9.5,9.5-9.5c5.3,0,9.6,4.2,9.6,9.5
c0,1.7-0.5,3-1.3,4.4l0,0c-0.1,0.1-0.1,0.2-0.1,0.3c0,0.1,0,0.1,0,0.1l0,0l1.1,4.1l-4.1-1.1l0,0c-0.1,0-0.1,0-0.2,0
c-0.1,0-0.2,0-0.3,0.1l0,0c-1.4,0.8-3.1,1.8-4.8,1.8C6.7,21.6,2.4,17.2,2.4,11.9z"
      ></path>
    </svg>
  );
}

InstagramCardCommentsIcon.componentName = "InstagramCardCommentsIcon";

export default InstagramCardCommentsIcon;