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

export const MaterialUi: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function MaterialUi(
  {
    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_395)">
        <path
          d="M20.2313 15.2933C20.3309 15.2342 20.4136 15.1498 20.4711 15.0487C20.5286 14.9475 20.5591 14.8329 20.5594 14.7163L20.5781 10.819C20.5781 10.5825 20.7 10.3555 20.9062 10.242L22.9969 9.03114C23.0978 8.97121 23.2127 8.93922 23.3298 8.93842C23.447 8.93761 23.5623 8.96802 23.664 9.02656C23.7658 9.0851 23.8505 9.1697 23.9095 9.27182C23.9684 9.37395 23.9997 9.48997 24 9.60817V16.6838C24 16.9298 23.8687 17.1568 23.6625 17.2703L15.7687 21.8487C15.6687 21.9059 15.5556 21.936 15.4406 21.936C15.3256 21.936 15.2126 21.9059 15.1125 21.8487L8.90625 18.273C8.80348 18.2143 8.71806 18.129 8.65875 18.0259C8.59944 17.9229 8.56837 17.8057 8.56875 17.6865V14.1203H8.57812V14.1109L8.5875 14.1014L13.6969 11.1406V11.1311H13.6875V7.62168C13.6879 7.50407 13.6576 7.38842 13.5998 7.2863C13.542 7.18419 13.4586 7.09918 13.3579 7.0398C13.2573 6.98042 13.143 6.94874 13.0265 6.94793C12.9099 6.94712 12.7952 6.97721 12.6937 7.03519L8.91562 9.24871C8.81444 9.30765 8.69965 9.33869 8.58281 9.33869C8.46597 9.33869 8.35119 9.30765 8.25 9.24871L4.44375 7.03519C4.34209 6.97484 4.22637 6.94283 4.10842 6.94244C3.99048 6.94204 3.87455 6.97327 3.77249 7.03294C3.67044 7.0926 3.58593 7.17856 3.52762 7.28201C3.46931 7.38546 3.43929 7.50268 3.44063 7.62168V13.9406C3.441 14.0582 3.41075 14.1739 3.35292 14.276C3.29508 14.3781 3.21168 14.4631 3.11107 14.5225C3.01045 14.5819 2.89614 14.6135 2.77958 14.6143C2.66302 14.6152 2.54829 14.5851 2.44688 14.5271L0.3375 13.2974C0.237459 13.2402 0.153791 13.1579 0.0946455 13.0584C0.0354998 12.959 0.00289261 12.8457 0 12.7298L0.01875 1.67168C0.0174106 1.55268 0.0474335 1.43545 0.105746 1.33201C0.164058 1.22856 0.248565 1.1426 0.350618 1.08294C0.45267 1.02327 0.568603 0.992039 0.686549 0.992435C0.804495 0.992832 0.920219 1.02484 1.02187 1.08519L8.24063 5.27573C8.34292 5.33645 8.45944 5.36847 8.57812 5.36847C8.69681 5.36847 8.81333 5.33645 8.91562 5.27573L16.125 1.09465C16.2267 1.0343 16.3424 1.00229 16.4603 1.00189C16.5783 1.0015 16.6942 1.03273 16.7963 1.0924C16.8983 1.15206 16.9828 1.23802 17.0411 1.34147C17.0994 1.44491 17.1295 1.56214 17.1281 1.68114V12.7298C17.1281 12.9663 17.0063 13.1933 16.7906 13.3068L13.0312 15.5109C12.93 15.5698 12.8459 15.6546 12.7875 15.7567C12.729 15.8588 12.6982 15.9747 12.6982 16.0926C12.6982 16.2106 12.729 16.3264 12.7875 16.4285C12.8459 16.5307 12.93 16.6155 13.0312 16.6744L15.1219 17.8757C15.2219 17.9329 15.335 17.963 15.45 17.963C15.565 17.963 15.6781 17.9329 15.7781 17.8757L20.2406 15.2933H20.2313ZM20.6625 5.37979C20.6635 5.4986 20.6957 5.61503 20.7558 5.71718C20.816 5.81933 20.9019 5.90356 21.0048 5.96126C21.1078 6.01896 21.2241 6.04808 21.3418 6.04564C21.4595 6.04319 21.5745 6.00928 21.675 5.94736L23.6719 4.746C23.7715 4.68686 23.8542 4.60254 23.9117 4.50136C23.9693 4.40018 23.9997 4.28563 24 4.16898V1.70006C24.0007 1.58044 23.9697 1.46281 23.9102 1.35933C23.8507 1.25585 23.765 1.17028 23.6617 1.11145C23.5585 1.05262 23.4416 1.02268 23.3231 1.02472C23.2045 1.02675 23.0887 1.06069 22.9875 1.12303L21 2.33384C20.9017 2.39217 20.8199 2.47499 20.7625 2.57437C20.705 2.67376 20.6738 2.78637 20.6719 2.90141V5.37979H20.6625Z"
          fill="#007fff"
        />
      </g>
      <defs>
        <clipPath id="undefined-clip0_2066_395">
          <path fill="#fff" transform="translate(0 1)" d="M0 0H24V21H0z" />
        </clipPath>
      </defs>
    </svg>
  );
});

MaterialUi.displayName = "MaterialUi";

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

export default MaterialUi;