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

export const Astro: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Astro(
    {
      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_2066_389)">
          <path
            d="M8.16718 20.4417C7.08664 19.4508 6.77101 17.3681 7.2212 15.8595C8.00176 16.8108 9.0832 17.112 10.2035 17.2822C11.933 17.5447 13.6316 17.4464 15.2381 16.6533C15.4218 16.5625 15.5917 16.4418 15.7924 16.3193C15.9433 16.7583 15.9824 17.2013 15.9299 17.6523C15.8018 18.7505 15.2571 19.5988 14.3909 20.2419C14.0444 20.4991 13.6778 20.729 13.3202 20.9715C12.2211 21.7169 11.9238 22.591 12.3367 23.8623C12.3465 23.8935 12.3554 23.9244 12.3776 24C11.8165 23.7479 11.4066 23.3809 11.0941 22.8985C10.7644 22.3893 10.6074 21.8263 10.5992 21.2167C10.5949 20.9201 10.5949 20.6209 10.5551 20.3284C10.4581 19.6156 10.1246 19.2964 9.49628 19.2781C8.85162 19.2592 8.34153 19.6591 8.20629 20.289C8.19601 20.3374 8.18104 20.3852 8.16606 20.4415L8.16718 20.4417ZM2 15.6083C2 15.6083 5.1996 14.0443 8.40814 14.0443L10.8272 6.53159C10.9177 6.16822 11.1821 5.92149 11.4808 5.92149C11.7792 5.92149 12.0436 6.16822 12.1344 6.53159L14.5534 14.0443C18.3534 14.0443 20.9616 15.6083 20.9616 15.6083C20.9616 15.6083 15.5267 0.75185 15.5162 0.722019C15.3601 0.282841 15.0968 0 14.7418 0H8.22015C7.86519 0 7.6126 0.282841 7.44585 0.722243C7.43422 0.751402 2 15.6083 2 15.6083Z"
            fill="#17191e"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2066_389">
            <path fill="#fff" transform="translate(2)" d="M0 0H19V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

Astro.displayName = "Astro";

Astro.metadata = {
  name: "Astro",
  category: "icon/framework",
  tags: ["astro", "icon"],
  description: "Astro icon from icon/framework category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Astro;