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

export const Edge: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function Edge(
    {
      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_2039_360)">
          <path
            d="M21.6656 17.8594C21.3438 18.0266 21.0119 18.1738 20.6719 18.3C19.5952 18.7007 18.4551 18.904 17.3062 18.9C12.8719 18.9 9.00936 15.8531 9.00936 11.9344C9.01513 11.4096 9.16061 10.8959 9.43084 10.4461C9.70108 9.99623 10.0863 9.62652 10.5469 9.375C6.53436 9.54375 5.50311 13.725 5.50311 16.1719C5.50311 23.1094 11.8875 23.8031 13.2656 23.8031C14.0062 23.8031 15.1219 23.5875 15.7969 23.3719L15.9187 23.3344C18.5019 22.4417 20.7041 20.6958 22.1625 18.3844C22.2049 18.3141 22.2231 18.232 22.2143 18.1504C22.2055 18.0688 22.1702 17.9924 22.1138 17.9328C22.0574 17.8733 21.983 17.8338 21.9021 17.8205C21.8211 17.8073 21.7381 17.8209 21.6656 17.8594Z"
            fill="url(#undefined-paint0_linear_2039_360)"
          />
          <path
            opacity=".35"
            d="M21.6656 17.8594C21.3438 18.0266 21.0119 18.1738 20.6719 18.3C19.5952 18.7007 18.4551 18.904 17.3062 18.9C12.8719 18.9 9.00936 15.8531 9.00936 11.9344C9.01513 11.4096 9.16061 10.8959 9.43084 10.4461C9.70108 9.99623 10.0863 9.62652 10.5469 9.375C6.53436 9.54375 5.50311 13.725 5.50311 16.1719C5.50311 23.1094 11.8875 23.8031 13.2656 23.8031C14.0062 23.8031 15.1219 23.5875 15.7969 23.3719L15.9187 23.3344C18.5019 22.4417 20.7041 20.6958 22.1625 18.3844C22.2049 18.3141 22.2231 18.232 22.2143 18.1504C22.2055 18.0688 22.1702 17.9924 22.1138 17.9328C22.0574 17.8733 21.983 17.8338 21.9021 17.8205C21.8211 17.8073 21.7381 17.8209 21.6656 17.8594Z"
            fill="url(#undefined-paint1_radial_2039_360)"
          />
          <path
            d="M9.90935 22.6219C9.07486 22.1036 8.35152 21.4249 7.78122 20.625C7.12998 19.7336 6.6817 18.7105 6.46784 17.6275C6.25397 16.5445 6.27972 15.4278 6.54326 14.3558C6.8068 13.2837 7.30174 12.2824 7.99337 11.4219C8.685 10.5615 9.55655 9.86286 10.5468 9.37502C10.8468 9.2344 11.3437 8.99065 12.0093 9.00002C12.4777 9.00365 12.9389 9.11555 13.3569 9.32697C13.7749 9.53839 14.1383 9.84361 14.4187 10.2188C14.7959 10.726 15.0027 11.3398 15.0093 11.9719C15.0093 11.9531 17.3062 4.5094 7.50935 4.5094C3.39372 4.5094 0.00934798 8.4094 0.00934798 11.8407C-0.00702215 13.6532 0.380483 15.4466 1.14372 17.0907C2.39367 19.7522 4.57735 21.8622 7.28025 23.0201C9.98316 24.178 13.0171 24.3032 15.8062 23.3719C14.8291 23.6805 13.7966 23.7733 12.7801 23.6438C11.7636 23.5143 10.7873 23.1656 9.91872 22.6219H9.90935Z"
            fill="url(#undefined-paint2_linear_2039_360)"
          />
          <path
            opacity=".41"
            d="M9.90935 22.6219C9.07486 22.1036 8.35152 21.4249 7.78122 20.625C7.12998 19.7336 6.6817 18.7105 6.46784 17.6275C6.25397 16.5445 6.27972 15.4278 6.54326 14.3558C6.8068 13.2837 7.30174 12.2824 7.99337 11.4219C8.685 10.5615 9.55655 9.86286 10.5468 9.37502C10.8468 9.2344 11.3437 8.99065 12.0093 9.00002C12.4777 9.00365 12.9389 9.11555 13.3569 9.32697C13.7749 9.53839 14.1383 9.84361 14.4187 10.2188C14.7959 10.726 15.0027 11.3398 15.0093 11.9719C15.0093 11.9531 17.3062 4.5094 7.50935 4.5094C3.39372 4.5094 0.00934798 8.4094 0.00934798 11.8407C-0.00702215 13.6532 0.380483 15.4466 1.14372 17.0907C2.39367 19.7522 4.57735 21.8622 7.28025 23.0201C9.98316 24.178 13.0171 24.3032 15.8062 23.3719C14.8291 23.6805 13.7966 23.7733 12.7801 23.6438C11.7636 23.5143 10.7873 23.1656 9.91872 22.6219H9.90935Z"
            fill="url(#undefined-paint3_radial_2039_360)"
          />
          <path
            d="M14.2875 13.95C14.2031 14.0438 13.9688 14.1844 13.9688 14.475C13.9688 14.7187 14.1281 14.9625 14.4187 15.1594C15.7594 16.0969 18.3 15.9656 18.3094 15.9656C19.3088 15.965 20.2898 15.6963 21.15 15.1875C22.0161 14.6809 22.7347 13.9568 23.2346 13.0869C23.7345 12.2169 23.9984 11.2315 24 10.2281C24.0281 8.12813 23.25 6.73125 22.9406 6.1125C20.9438 2.23125 16.6594 5.87477e-08 12 5.87477e-08C8.84643 -0.000311772 5.81948 1.24078 3.57383 3.45485C1.32818 5.66892 0.0443471 8.67799 0 11.8312C0.046875 8.40937 3.45 5.64375 7.5 5.64375C7.82812 5.64375 9.70312 5.67187 11.4375 6.58125C12.656 7.18674 13.665 8.14353 14.3344 9.32812C14.9062 10.3219 15.0094 11.5875 15.0094 12.0938C15.0094 12.6 14.7562 13.3406 14.2781 13.9594L14.2875 13.95Z"
            fill="url(#undefined-paint4_radial_2039_360)"
          />
          <path
            d="M14.2875 13.95C14.2031 14.0438 13.9688 14.1844 13.9688 14.475C13.9688 14.7187 14.1281 14.9625 14.4187 15.1594C15.7594 16.0969 18.3 15.9656 18.3094 15.9656C19.3088 15.965 20.2898 15.6963 21.15 15.1875C22.0161 14.6809 22.7347 13.9568 23.2346 13.0869C23.7345 12.2169 23.9984 11.2315 24 10.2281C24.0281 8.12813 23.25 6.73125 22.9406 6.1125C20.9438 2.23125 16.6594 5.87477e-08 12 5.87477e-08C8.84643 -0.000311772 5.81948 1.24078 3.57383 3.45485C1.32818 5.66892 0.0443471 8.67799 0 11.8312C0.046875 8.40937 3.45 5.64375 7.5 5.64375C7.82812 5.64375 9.70312 5.67187 11.4375 6.58125C12.656 7.18674 13.665 8.14353 14.3344 9.32812C14.9062 10.3219 15.0094 11.5875 15.0094 12.0938C15.0094 12.6 14.7562 13.3406 14.2781 13.9594L14.2875 13.95Z"
            fill="url(#undefined-paint5_radial_2039_360)"
          />
        </g>
        <defs>
          <linearGradient
            id="undefined-paint0_linear_2039_360"
            x1="5.503"
            y1="16.594"
            x2="22.228"
            y2="16.594"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#0c59a4" />
            <stop offset="1" stopColor="#114a8b" />
          </linearGradient>
          <radialGradient
            id="undefined-paint1_radial_2039_360"
            cx="0"
            cy="0"
            r="1"
            gradientUnits="userSpaceOnUse"
            gradientTransform="matrix(8.94375 0 0 8.49656 14.738 16.72)"
          >
            <stop offset=".7" stopOpacity="0" />
            <stop offset=".9" stopOpacity=".5" />
            <stop offset="1" />
          </radialGradient>
          <linearGradient
            id="undefined-paint2_linear_2039_360"
            x1="14.316"
            y1="9.338"
            x2="3.881"
            y2="20.709"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#1b9de2" />
            <stop offset=".2" stopColor="#1595df" />
            <stop offset=".7" stopColor="#0680d7" />
            <stop offset="1" stopColor="#0078d4" />
          </linearGradient>
          <radialGradient
            id="undefined-paint3_radial_2039_360"
            cx="0"
            cy="0"
            r="1"
            gradientTransform="matrix(2.01375 -13.2908 -10.74 -1.611 6.614 18.65)"
            gradientUnits="userSpaceOnUse"
          >
            <stop offset=".8" stopOpacity="0" />
            <stop offset=".9" stopOpacity=".5" />
            <stop offset="1" />
          </radialGradient>
          <radialGradient
            id="undefined-paint4_radial_2039_360"
            cx="0"
            cy="0"
            r="1"
            gradientTransform="matrix(-.759 18.975 40.4168 1.518 2.427 4.436)"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#35c1f1" />
            <stop offset=".1" stopColor="#34c1ed" />
            <stop offset=".2" stopColor="#2fc2df" />
            <stop offset=".3" stopColor="#2bc3d2" />
            <stop offset=".7" stopColor="#36c752" />
          </radialGradient>
          <radialGradient
            id="undefined-paint5_radial_2039_360"
            cx="0"
            cy="0"
            r="1"
            gradientTransform="matrix(2.55413 8.757 7.11506 -2.09803 22.506 7.247)"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#66eb6e" />
            <stop offset="1" stopColor="#66eb6e" stopOpacity="0" />
          </radialGradient>
          <clipPath id="undefined-clip0_2039_360">
            <path fill="#fff" d="M0 0H24V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

Edge.displayName = "Edge";

Edge.metadata = {
  name: "Edge",
  category: "icon/browser",
  tags: ["edge", "icon"],
  description: "Edge icon from icon/browser category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Edge;