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

export const CssNew: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function CssNew(
    {
      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_1136)">
          <path
            d="M0 0H20.16C21.1784 0 22.1552 0.40457 22.8753 1.12471C23.5954 1.84485 24 2.82157 24 3.84V20.16C24 21.1784 23.5954 22.1552 22.8753 22.8753C22.1552 23.5954 21.1784 24 20.16 24H3.84C2.82157 24 1.84485 23.5954 1.12471 22.8753C0.40457 22.1552 0 21.1784 0 20.16L0 0Z"
            fill="#639"
          />
          <path
            d="M19.597 22.0777C18.8196 22.0777 18.2251 21.8516 17.809 21.3973C17.3974 20.9405 17.183 20.2889 17.1638 19.4379H18.839C18.8486 20.1905 19.1131 20.5678 19.633 20.5678C19.8979 20.5678 20.0856 20.4838 20.1938 20.3177C20.2997 20.1521 20.3551 19.8874 20.3551 19.5245C20.3551 19.2361 20.2829 18.9956 20.1432 18.8057C19.9537 18.5799 19.7104 18.4055 19.4357 18.2984L18.8148 18.0001C18.2614 17.7356 17.8594 17.4231 17.6114 17.0576C17.3707 16.6945 17.2505 16.1849 17.2505 15.5336C17.2505 14.8049 17.4624 14.2136 17.8834 13.759C18.3166 13.3047 18.9062 13.0789 19.6594 13.0789C20.3866 13.0789 20.9496 13.3023 21.3466 13.747C21.751 14.1944 21.9626 14.8337 21.9797 15.6704H20.3671C20.3767 15.3968 20.3215 15.1251 20.2058 14.8769C20.1146 14.6945 19.9363 14.6031 19.6716 14.6031C19.2 14.6031 18.9641 14.8841 18.9641 15.4443C18.9641 15.7282 19.0217 15.9493 19.1374 16.1175C19.304 16.3036 19.5128 16.4472 19.7462 16.5361L20.3407 16.7981C20.9544 17.0794 21.3972 17.4233 21.6691 17.8393C21.9434 18.2528 22.0783 18.8057 22.0783 19.4981C22.0783 20.3276 21.8616 20.9645 21.4212 21.4093C20.9832 21.854 20.3743 22.0777 19.5972 22.0777H19.597ZM14.1869 22.0777C13.4093 22.0777 12.815 21.8516 12.3986 21.3973C11.987 20.9405 11.773 20.2889 11.7538 19.4379H13.4287C13.4383 20.1905 13.703 20.5678 14.2231 20.5678C14.4876 20.5678 14.6753 20.4838 14.7811 20.3177C14.8896 20.1521 14.9424 19.8874 14.9424 19.5245C14.9424 19.2361 14.8728 18.9956 14.7331 18.8057C14.5436 18.5799 14.3003 18.4055 14.0256 18.2984L13.4047 18.0001C12.851 17.7356 12.4493 17.4231 12.2014 17.0576C11.9606 16.6945 11.8404 16.1849 11.8404 15.5336C11.8404 14.8049 12.0521 14.2136 12.4733 13.759C12.9065 13.3047 13.4962 13.0789 14.2493 13.0789C14.9762 13.0789 15.5393 13.3023 15.9341 13.747C16.3433 14.1944 16.5526 14.8337 16.5694 15.6704H14.957C14.9666 15.3968 14.9114 15.1251 14.7958 14.8769C14.7043 14.6945 14.5262 14.6031 14.2615 14.6031C13.7897 14.6031 13.5538 14.8841 13.5538 15.4443C13.5538 15.7282 13.6116 15.9493 13.727 16.1175C13.8937 16.3036 14.1024 16.4472 14.3359 16.5361L14.9304 16.7981C15.5441 17.0794 15.9869 17.4233 16.259 17.8393C16.531 18.2528 16.668 18.8057 16.668 19.4981C16.668 20.3276 16.4491 20.9645 16.0111 21.4093C15.5731 21.854 14.9642 22.0777 14.1869 22.0777ZM8.55288 22.0777C7.79208 22.0777 7.18824 21.8708 6.74064 21.4573C6.29304 21.0464 6.07152 20.4284 6.07152 19.6109V15.572C6.07152 14.7596 6.30744 14.144 6.77904 13.7209C7.25808 13.3025 7.88616 13.0911 8.66352 13.0911C9.41688 13.0911 10.0111 13.3073 10.4515 13.7353C10.897 14.1656 11.1206 14.8052 11.1206 15.6586V15.9783H9.34704V15.6682C9.34704 15.3389 9.2748 15.0961 9.13512 14.9374C9.07411 14.8581 8.99522 14.7943 8.90488 14.7513C8.81455 14.7082 8.71531 14.6871 8.61528 14.6897C8.32656 14.6897 8.12208 14.7881 8.0064 14.9878C7.88327 15.264 7.82797 15.5657 7.84512 15.8677V19.3779C7.84512 20.1111 8.10288 20.4838 8.61552 20.491C8.856 20.491 9.03648 20.4044 9.16176 20.2313C9.29781 20.0128 9.36256 19.7573 9.34704 19.5003V19.2385H11.1206V19.5125C11.1206 20.0823 11.01 20.5582 10.7861 20.9381C10.5732 21.3089 10.2538 21.6071 9.86928 21.794C9.45863 21.99 9.0078 22.0871 8.55288 22.0777Z"
            fill="#fff"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2066_1136">
            <path fill="#fff" d="M0 0H24V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

CssNew.displayName = "CssNew";

CssNew.metadata = {
  name: "CssNew",
  category: "icon/language",
  tags: ["css", "new", "icon"],
  description: "CssNew icon from icon/language category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default CssNew;