import * as React from "react";

const thumbsDownSvg = ({
  fill = "#ffffff",
  className = "",
  width = "18",
  height = "18"
  }): JSX.Element => (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
      fill={fill}
      className={className}
      viewBox="0 0 24 24"
      >
      <path
          fill="none"
          d="M0 0h24v24H0z">
      </path>
      <path
          d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"
      ></path>
    </svg>
  );

export default thumbsDownSvg;
