const DownloadIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      className={className}
      width="18"
      height="17"
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M8.70312 12.075C8.56146 12.075 8.42865 12.054 8.30469 12.012C8.18073 11.9707 8.06563 11.9 7.95938 11.8L4.13437 8.2C3.93958 8.01667 3.84219 7.78333 3.84219 7.5C3.84219 7.21667 3.93958 6.98333 4.13437 6.8C4.32917 6.61667 4.58133 6.52067 4.89087 6.512C5.20112 6.504 5.45365 6.59167 5.64844 6.775L7.64062 8.65V1.5C7.64062 1.21667 7.74263 0.979 7.94663 0.787C8.14992 0.595667 8.40208 0.5 8.70312 0.5C9.00417 0.5 9.25669 0.595667 9.46069 0.787C9.66398 0.979 9.76562 1.21667 9.76562 1.5V8.65L11.7578 6.775C11.9526 6.59167 12.2051 6.504 12.5154 6.512C12.8249 6.52067 13.0771 6.61667 13.2719 6.8C13.4667 6.98333 13.5641 7.21667 13.5641 7.5C13.5641 7.78333 13.4667 8.01667 13.2719 8.2L9.44687 11.8C9.34062 11.9 9.22552 11.9707 9.10156 12.012C8.9776 12.054 8.84479 12.075 8.70312 12.075ZM2.32812 16.5C1.74375 16.5 1.24367 16.3043 0.827875 15.913C0.411375 15.521 0.203125 15.05 0.203125 14.5V12.5C0.203125 12.2167 0.304771 11.979 0.508063 11.787C0.712063 11.5957 0.964583 11.5 1.26562 11.5C1.56667 11.5 1.81919 11.5957 2.02319 11.787C2.22648 11.979 2.32812 12.2167 2.32812 12.5V14.5H15.0781V12.5C15.0781 12.2167 15.1801 11.979 15.3841 11.787C15.5874 11.5957 15.8396 11.5 16.1406 11.5C16.4417 11.5 16.6938 11.5957 16.8971 11.787C17.1011 11.979 17.2031 12.2167 17.2031 12.5V14.5C17.2031 15.05 16.9952 15.521 16.5794 15.913C16.1629 16.3043 15.6625 16.5 15.0781 16.5H2.32812Z"
        fill="currentColor"
      />
    </svg>
  );
};

export { DownloadIcon };