import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const Abstract72: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Abstract72(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 21"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      strokeWidth={strokeWidth}
      strokeLinecap={strokeLinecap}
      strokeLinejoin={strokeLinejoin}
      strokeDasharray={strokeDasharray}
      opacity={opacity}
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M17.1309 20.9982V20.9769H18.9308C21.5863 20.9769 22.2227 19.4004 20.3446 17.4751L16.7049 13.7402C14.1259 11.0961 12.0183 11.9911 12.0183 15.7331L11.9782 21V15.7331C11.9782 11.9929 9.86884 11.0961 7.29163 13.7402L3.65191 17.4751C1.77378 19.4021 2.41026 20.9769 5.06572 20.9769H6.86733V20.9982H0.0017407L12.0009 8.68683L24 20.9982H17.1344H17.1309ZM18.9325 0.0213514H17.1327V0H23.9983L11.9991 12.3114L0 0H6.86559V0.0213514H5.06398C2.40852 0.0213514 1.77204 1.59608 3.65017 3.52313L7.28991 7.258C9.86712 9.90391 11.9765 9.00711 11.9765 5.2669V0L12.0165 5.2669C12.0165 9.00711 14.1259 9.90391 16.7031 7.258L20.3429 3.52313C22.221 1.59608 21.5845 0.0213514 18.9291 0.0213514H18.9325Z"
        fill="currentColor"
      />
    </svg>
  );
});

Abstract72.displayName = "Abstract72";

Abstract72.metadata = {
  name: "Abstract72",
  category: "shapes/abstract",
  tags: ["abstract", "72", "icon"],
  description: "Abstract72 icon from shapes/abstract category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Abstract72;