import React from 'react';

const FolderDownload = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      opacity="0.4"
      d="M22 17V10C22 7.79086 20.2091 6 18 6H15.3333C14.4679 6 13.6257 5.71929 12.9333 5.2L11.0667 3.8C10.3743 3.28071 9.53215 3 8.66667 3H6C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H18C20.2091 21 22 19.2091 22 17Z"
      fill={fill}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.25 14.1718C11.2033 14.1368 11.1586 14.098 11.1161 14.0555L9.53033 12.4697C9.23744 12.1768 8.76256 12.1768 8.46967 12.4697C8.17678 12.7626 8.17678 13.2375 8.46967 13.5304L10.0555 15.1162C11.1294 16.1901 12.8706 16.1901 13.9445 15.1162L15.5303 13.5304C15.8232 13.2375 15.8232 12.7626 15.5303 12.4697C15.2374 12.1768 14.7626 12.1768 14.4697 12.4697L12.8839 14.0555C12.8414 14.098 12.7967 14.1368 12.75 14.1718V10.0001C12.75 9.58584 12.4142 9.25006 12 9.25006C11.5858 9.25006 11.25 9.58584 11.25 10.0001V14.1718Z"
      fill={fill}
    />
  </svg>
);

export default FolderDownload;
