content: import React from 'react';
  import PropType from 'prop-types';
  
  const FilterIcon = ({ className, size }) => (
    <svg
      className={className}
      fill="currentColor"
      style={{
        display: 'block',
        height: `${size}`,
        pointerEvents: 'none',
        width: `${size}`,
      }}
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
        clipRule="evenodd"
      />
    </svg>
  );
  
  FilterIcon.propTypes = {
    className: PropType.string,
    size: PropType.string,
  };
  
  FilterIcon.defaultProps = {
    className: 'text-black',
    size: '18px',
  };
  
  export default FilterIcon;
  