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

function BoardFilled(componentProps: IconProps) {
  const IconNode = (props: React.SVGProps<SVGSVGElement>) => (
    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.586 3a2 2 0 012.828 0l3 3h.827c.805 0 1.47 0 2.01.044.563.046 1.08.145 1.565.392a4 4 0 011.748 1.748c.247.485.346 1.002.392 1.564.044.541.044 1.206.044 2.01v4.483c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 01-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H6.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 01-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C1 17.71 1 17.046 1 16.242v-4.483c0-.805 0-1.47.044-2.011.046-.562.145-1.079.392-1.564a4 4 0 011.748-1.748c.485-.247 1.002-.346 1.564-.392C5.29 6 5.954 6 6.758 6h.828l3-3zm3 3L12 4.414 10.414 6h3.172zM5 11h11v2H5v-2zm6 4H5v2h6v-2z"
        fill="currentColor"
      />
    </svg>
  );

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

BoardFilled.displayName = 'BoardFilled';
export default BoardFilled;
