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

export const Abstract21: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Abstract21(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      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="M13.7605 1.10551V10.1405H22.8755C22.0836 5.51812 18.3737 1.85007 13.7605 1.10551ZM12.772 11.1326V0C18.61 0.362835 23.4614 4.9474 23.9773 10.9606C23.9849 11.0154 23.9849 11.0759 23.9849 11.1307H12.7701L12.772 11.1326ZM13.7605 22.8964C18.4758 22.1329 22.1951 18.3609 22.9057 13.6649H13.7605V22.8964ZM13.0328 23.9849C12.9478 23.9924 12.8552 24 12.7701 24V12.6746H24C23.6844 18.5575 19.0711 23.4671 13.0328 23.983V23.9849ZM10.2395 13.6668H1.09237C1.80298 18.3704 5.55634 22.1386 10.2395 22.8945V13.6668ZM0.022678 13.0375C0.0151184 12.9146 0 12.7899 0 12.6746H11.2299V24C5.39192 23.6372 0.540516 19.0507 0.0245698 13.0375H0.022678ZM10.2395 1.10172C5.54689 1.84818 1.90503 5.47465 1.12072 10.1405H10.2395V1.10172ZM0.00566951 11.1326C0.42145 5.33481 4.99504 0.525346 10.9653 0.0151098C11.0503 0.00755075 11.1429 0 11.228 0V11.1326H0.00566951Z"
        fill="currentColor"
      />
    </svg>
  );
});

Abstract21.displayName = "Abstract21";

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

export default Abstract21;