import * as React from 'react';
import Icon, { IconProps } from 'a-base-icon/lib/icon';

function FilterCupOutlined(componentProps: IconProps) {
  const IconNode = (props: React.SVGProps<SVGSVGElement>) => (
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.533 2h14.933c.529 0 .992 0 1.355.033.35.031.828.105 1.216.425a2 2 0 01.725 1.621c-.02.503-.285.909-.494 1.19-.218.292-.527.637-.88 1.031l-5.735 6.411c-.081.09-.121.136-.149.17l-.002.002v.003a6.253 6.253 0 00-.002.225V18.496c.002.138.005.423-.095.69a1.5 1.5 0 01-.396.586c-.211.19-.477.294-.605.344l-.036.014-3.428 1.37a6.108 6.108 0 01-.49.181 1.53 1.53 0 01-.755.05 1.5 1.5 0 01-.946-.64 1.529 1.529 0 01-.235-.721c-.014-.161-.014-.35-.014-.522v-6.737c0-.12 0-.181-.002-.225v-.003l-.003-.003a6.047 6.047 0 00-.148-.169L2.64 6.334a78.63 78.63 0 00-.03-.034c-.353-.394-.662-.739-.88-1.032-.209-.28-.473-.686-.493-1.189a2 2 0 01.725-1.621c.388-.32.866-.394 1.215-.425C3.541 2 4.005 2 4.533 2zm-1.23 2.03l.032.044c.158.211.405.489.796.926l5.706 6.378.032.035c.117.13.265.295.375.491a2 2 0 01.208.544c.049.219.048.44.048.616v6.459l3-1.2v-5.212-.047c0-.176-.001-.397.047-.616a2 2 0 01.208-.544c.11-.196.258-.36.376-.491l.031-.035L19.868 5c.392-.437.639-.715.796-.926l.032-.044a2.425 2.425 0 00-.054-.005C20.38 4 20.008 4 19.422 4H4.577c-.587 0-.958.001-1.22.025l-.055.005z"
        fill="currentColor"
      />
    </svg>
  );

  return <Icon {...componentProps} component={IconNode} />;
}

FilterCupOutlined.displayName = 'FilterCupOutlined';
export default FilterCupOutlined;
