import * as React from "react";
import Svg, { Path } from "react-native-svg";

function SvgComponent({ width = 24, height = 24, color = "#A1A1A1", ...props }) {
  return (
    <Svg
      width={width}
      height={height}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <Path
        d="M11.944 20.85c-2.24 0-4.18-.734-5.82-2.202-1.638-1.468-2.6-3.293-2.882-5.475a.67.67 0 01.167-.566.758.758 0 01.558-.27c.21-.01.396.052.556.188.16.136.26.313.303.53.252 1.775 1.045 3.253 2.379 4.437 1.333 1.183 2.913 1.775 4.738 1.775 2.035 0 3.764-.716 5.186-2.147 1.422-1.43 2.133-3.164 2.133-5.2 0-2.01-.717-3.711-2.15-5.101-1.435-1.39-3.162-2.086-5.183-2.086a6.661 6.661 0 00-3.146.769 8.182 8.182 0 00-2.52 2.048h1.82c.225 0 .414.076.567.23a.76.76 0 01.229.557.77.77 0 01-.23.567.77.77 0 01-.566.23H4.367a.777.777 0 01-.788-.796V4.633c0-.218.075-.403.225-.555a.757.757 0 01.563-.23c.225 0 .413.077.566.23a.76.76 0 01.23.558v1.746a9.106 9.106 0 013.026-2.375 8.422 8.422 0 013.74-.858c1.228 0 2.383.23 3.466.69a9.005 9.005 0 012.835 1.885 8.92 8.92 0 011.913 2.797 8.48 8.48 0 01.703 3.443 8.606 8.606 0 01-.703 3.462 8.993 8.993 0 01-1.91 2.823 9.021 9.021 0 01-2.827 1.902 8.65 8.65 0 01-3.462.698zm.885-9.203l2.72 2.69a.782.782 0 01.242.571c0 .22-.08.409-.241.567a.77.77 0 01-1.118-.005l-2.952-2.936a.77.77 0 01-.235-.572V7.821c0-.219.075-.405.226-.558a.755.755 0 01.562-.23.77.77 0 01.567.23.76.76 0 01.229.558v3.826z"
        fill={color}  
      />
    </Svg>
  );
}

export default SvgComponent;
