const FilterIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="14"
      height="14"
      viewBox="0 0 14 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.1875 2.63281C8.13435 2.63281 7.2487 3.38768 7.04443 4.38281H1.3125C1.07088 4.38281 0.875 4.57869 0.875 4.82031C0.875 5.06193 1.07088 5.25781 1.3125 5.25781H7.04443C7.2487 6.25295 8.13435 7.00781 9.1875 7.00781C10.2406 7.00781 11.1263 6.25295 11.3306 5.25781H12.6875C12.9291 5.25781 13.125 5.06193 13.125 4.82031C13.125 4.57869 12.9291 4.38281 12.6875 4.38281H11.3306C11.1263 3.38768 10.2406 2.63281 9.1875 2.63281ZM9.1875 3.50781C9.91754 3.50781 10.5 4.09027 10.5 4.82031C10.5 5.55036 9.91754 6.13281 9.1875 6.13281C8.45746 6.13281 7.875 5.55036 7.875 4.82031C7.875 4.09027 8.45746 3.50781 9.1875 3.50781Z"
        fill="currentColor"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.8125 7.00781C3.75935 7.00781 2.8737 7.76268 2.66943 8.75781H1.3125C1.07088 8.75781 0.875 8.95369 0.875 9.19531C0.875 9.43693 1.07088 9.63281 1.3125 9.63281H2.66943C2.8737 10.6279 3.75935 11.3828 4.8125 11.3828C5.86565 11.3828 6.7513 10.6279 6.95557 9.63281H12.6875C12.9291 9.63281 13.125 9.43693 13.125 9.19531C13.125 8.95369 12.9291 8.75781 12.6875 8.75781H6.95557C6.7513 7.76268 5.86565 7.00781 4.8125 7.00781ZM4.8125 7.88281C5.54254 7.88281 6.125 8.46527 6.125 9.19531C6.125 9.92536 5.54254 10.5078 4.8125 10.5078C4.08246 10.5078 3.5 9.92536 3.5 9.19531C3.5 8.46527 4.08246 7.88281 4.8125 7.88281Z"
        fill="currentColor"
      />
    </svg>
  );
};

export { FilterIcon };