import React from 'react';
interface IProp {
  size?: number;
}

const FilterIcon: React.FC<IProp> = ({ size = 32 }) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 32 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg">
      <rect width={size} height={size} rx="4" fill="#081824" />
      <path
        d="M23.5 12.459H8.5C8.15833 12.459 7.875 12.1757 7.875 11.834C7.875 11.4923 8.15833 11.209 8.5 11.209H23.5C23.8417 11.209 24.125 11.4923 24.125 11.834C24.125 12.1757 23.8417 12.459 23.5 12.459Z"
        fill="white"
      />
      <path
        d="M21 16.625H11C10.6583 16.625 10.375 16.3417 10.375 16C10.375 15.6583 10.6583 15.375 11 15.375H21C21.3417 15.375 21.625 15.6583 21.625 16C21.625 16.3417 21.3417 16.625 21 16.625Z"
        fill="white"
      />
      <path
        d="M17.6667 20.791H14.3334C13.9917 20.791 13.7084 20.5077 13.7084 20.166C13.7084 19.8243 13.9917 19.541 14.3334 19.541H17.6667C18.0084 19.541 18.2917 19.8243 18.2917 20.166C18.2917 20.5077 18.0084 20.791 17.6667 20.791Z"
        fill="white"
      />
    </svg>
  );
};

export default FilterIcon;
