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

export const Triangle4: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Triangle4(
  {
    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}
    >
      <g clipPath="url(#undefined-clip0_2068_226)">
        <path
          d="M4.02202e-07 1.00478e-07C-0.000823037 3.18216 1.26277 6.23431 3.51282 8.48509C5.76287 10.7359 8.81508 12.0009 11.9981 12.0019L11.9981 1.00478e-07L4.02202e-07 1.00478e-07ZM11.9981 12.0019L24 12.0019L24 1.00478e-07C22.4236 -0.000203863 20.8625 0.310119 19.4061 0.913239C17.9497 1.51636 16.6264 2.40045 15.5118 3.51502C14.3972 4.62958 13.5132 5.95277 12.9103 7.40899C12.3074 8.86521 11.9974 10.4259 11.9981 12.0019ZM11.9981 12.0019L11.9981 24H24C24.0001 22.4243 23.6897 20.864 23.0866 19.4082C22.4835 17.9525 21.5994 16.6297 20.4849 15.5156C19.3704 14.4014 18.0473 13.5177 16.5911 12.9148C15.1349 12.3119 13.5742 12.0017 11.9981 12.0019ZM11.9981 12.0019L4.02202e-07 12.0019L4.02202e-07 24C3.18243 23.9994 6.2343 22.735 8.48433 20.485C10.7344 18.235 11.9983 15.1835 11.9981 12.0019Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="undefined-clip0_2068_226">
          <path fill="#fff" d="M0 0H24V24H0z" />
        </clipPath>
      </defs>
    </svg>
  );
});

Triangle4.displayName = "Triangle4";

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

export default Triangle4;