import React from "react";
import { IconProps } from "../Icon.types";

const DoubleQuotationMarksForStarting = ({
  size,
  color = "black",
}: IconProps) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 20 17"
      fill="none"
    >
      <path
        d="M0.5 10.1881C0.5 7.51325 1.25 5.29511 2.75 3.53364C4.25 1.73955 6.33333 0.728339 9 0.5V4.36544C7.7 4.49592 6.66667 4.96891 5.9 5.78441C5.16667 6.5999 4.8 7.64373 4.8 8.9159H8.4V16.5H0.5V10.1881ZM11 10.1881C11 7.51325 11.75 5.29511 13.25 3.53364C14.75 1.73955 16.8333 0.728339 19.5 0.5V4.36544C18.2 4.49592 17.1667 4.96891 16.4 5.78441C15.6667 6.5999 15.3 7.64373 15.3 8.9159H18.9V16.5H11V10.1881Z"
        fill={color}
      />
    </svg>
  );
};

export default DoubleQuotationMarksForStarting;