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

export const Abstract103: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Abstract103(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 25 18"
      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="M21.4176 16.5867L12.3713 11.2853L14.392 10.1027L23.4574 15.4148L21.4176 16.5867ZM2.38591 5.75315V16.5008L0.359973 15.3146V1.88134L9.26715 7.09862L7.24643 8.28306L2.65372 5.59212C2.59807 5.55992 2.53025 5.55992 2.4746 5.59212C2.41895 5.62612 2.38591 5.68516 2.38591 5.75136V5.75315ZM2.56329 0.396309L11.6357 5.71199L9.62887 6.88749L0.544307 1.56465L2.56329 0.396309ZM21.4054 2.9799H21.2263L21.2367 10.9114L19.2682 9.75914L19.2786 7.13261V4.33253C19.2786 4.26633 19.2438 4.20549 19.1899 4.17329C19.1343 4.13929 19.0664 4.13929 19.0108 4.17329L5.06572 12.3392V9.98816L21.2559 0.505447L21.2263 2.97811H21.4054V2.9799ZM17.1222 8.50134L18.9169 7.4493L18.9082 9.54802L17.1205 8.50134H17.1222ZM4.70575 9.87902V12.6559C4.70575 12.722 4.74053 12.7829 4.79443 12.8151C4.85008 12.8491 4.9179 12.8491 4.97355 12.8151L18.9186 4.64921V7.02526L2.74415 16.5008V6.07162L4.70575 7.22207V9.88081V9.87902ZM5.06398 7.42962L6.88298 8.49597L5.06398 9.56234V7.43141V7.42962ZM23.6418 15.0981L14.752 9.88976L16.7588 8.71426L21.3254 11.3909C21.3532 11.407 21.3828 11.4142 21.4141 11.4142C21.4454 11.4142 21.4767 11.4052 21.5045 11.3891C21.5602 11.3551 21.5932 11.2961 21.5932 11.2299L21.5828 2.98348L21.6123 0.50008L23.6418 1.67379V15.0981ZM23.9096 1.40362L21.5254 0.0241541C21.4715 -0.00626217 21.4037 -0.00626217 21.3498 0.0241541L12.0009 5.49908L2.65372 0.0241541C2.59981 -0.00805136 2.53199 -0.00805136 2.47634 0.0241541L0.092167 1.40362C0.0365189 1.43583 0.001739 1.49666 0 1.56286V15.4201C0 15.4863 0.0347782 15.5472 0.0904263 15.5812L2.4746 16.9767C2.50243 16.9928 2.53199 17 2.56329 17C2.59459 17 2.62416 16.9928 2.65198 16.9767L12.0061 11.4964L21.3254 16.9571C21.3532 16.9732 21.3828 16.9803 21.4141 16.9803C21.4454 16.9803 21.475 16.9732 21.5028 16.9571L23.9078 15.574C23.9078 15.574 23.9096 15.574 23.9113 15.5722C23.967 15.54 24 15.4792 24 15.413V1.56286C24 1.49666 23.9652 1.43404 23.9078 1.40183L23.9096 1.40362Z"
        fill="currentColor"
      />
    </svg>
  );
});

Abstract103.displayName = "Abstract103";

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

export default Abstract103;