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

export const Abstract20: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Abstract20(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 17"
      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="M19.5833 5.06193C19.4642 4.78743 19.3312 4.51647 19.181 4.24905C19.0308 3.98341 18.8686 3.72839 18.6959 3.48577C20.0978 2.94386 21.0197 2.76322 21.1871 3.06074C21.3546 3.35826 20.7417 4.0879 19.5833 5.06015V5.06193ZM19.0947 10.4474C18.6079 12.3105 17.4305 13.9787 15.673 15.0183C13.9155 16.0578 11.9163 16.2686 10.1001 15.7709C8.92438 15.4468 7.8281 14.8252 6.92518 13.9397C8.81907 13.072 10.9667 11.9456 13.199 10.6263C15.4295 9.30515 17.4546 7.96098 19.1362 6.71423C19.4331 7.95921 19.4107 9.24139 19.0947 10.4474ZM5.64073 12.2626C5.46636 11.9527 5.31789 11.6357 5.19014 11.3134C5.0572 10.9752 4.94844 10.6316 4.86557 10.2845C4.56863 9.0395 4.59107 7.75555 4.90528 6.54953C5.39385 4.68825 6.56954 3.02001 8.32703 1.97868C10.0845 0.939131 12.082 0.728386 13.8999 1.22603C15.0756 1.55011 16.1719 2.16995 17.0748 3.0572C17.3269 3.30513 17.5634 3.57255 17.7826 3.85944C17.9915 4.13394 18.1849 4.42438 18.3593 4.73253C18.5336 5.04245 18.6821 5.35945 18.8082 5.68176C17.282 6.86653 15.1412 8.30632 12.7035 9.74966C10.2658 11.193 7.9783 12.3724 6.21389 13.1357C6.005 12.8612 5.81164 12.5708 5.63728 12.2626H5.64073ZM2.81285 13.938C2.64539 13.6387 3.25826 12.9108 4.41668 11.9386C4.53581 12.2131 4.66876 12.484 4.81895 12.7514C4.96915 13.0171 5.13143 13.2703 5.30407 13.5147C3.90221 14.0566 2.98032 14.2373 2.81285 13.9397V13.938ZM23.9391 1.435C23.5385 0.724843 21.2303 1.25436 18.0088 2.64456C15.4313 -0.141156 11.2395 -0.863708 7.854 1.13925C4.46676 3.14397 2.98377 7.22604 4.04725 10.9061C1.26253 13.0684 -0.339604 14.8553 0.0609253 15.5655C0.461455 16.2756 2.7697 15.7461 5.98947 14.3559C8.56875 17.1399 12.7588 17.8642 16.146 15.8612C19.5315 13.8565 21.0162 9.77445 19.9528 6.09439C22.7375 3.93205 24.3396 2.14515 23.9391 1.435Z"
        fill="currentColor"
      />
    </svg>
  );
});

Abstract20.displayName = "Abstract20";

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

export default Abstract20;