import React, { VFC } from "react";
import type { IconProps } from "./types";
export const CommentIcon: VFC<IconProps> = ({
size = 24,
color = "currentColor",
}) => {
const sizeProps = {
width: size,
height: size,
viewBox: "0 0 24 24",
};
return (
<div
aria-label={"comment"}
aria-roledescription={"icon"}
style={{ width: sizeProps.width, height: sizeProps.height }}
>
<svg {...sizeProps} fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 9H7V7H17V9Z" fill={color} />
<path d="M7 13H17V11H7V13Z" fill={color} />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M2 18V2H22V18H16V22H14C11.7909 22 10 20.2091 10 18H2ZM12 16V18C12 19.1046 12.8954 20 14 20V16H20V4H4V16H12Z"
fill={color}
/>
</svg>
</div>
);
};