@aliimam/icons 0.1.3 → 0.1.4

package/src/stroke/codingDevelopment/TabletSmartphone.tsx

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface TabletSmartphoneProps extends IconProps {
+  type?: "stroke";
+}
+
+export const TabletSmartphone: IconComponent<TabletSmartphoneProps> =
+  React.forwardRef<SVGSVGElement, TabletSmartphoneProps>(
+    function TabletSmartphone(
+      {
+        color = "currentColor",
+        fill,
+        size = 24,
+        strokeWidth,
+        strokeLinecap,
+        strokeLinejoin,
+        strokeDasharray,
+        opacity,
+        className,
+        type = "stroke",
+        ...props
+      },
+      forwardedRef,
+    ) {
+      if (type === "stroke") {
+        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}
+          >
+            <path
+              d="M11 8H5C3.89543 8 3 8.89543 3 10V20C3 21.1046 3.89543 22 5 22H11C12.1046 22 13 21.1046 13 20V10C13 8.89543 12.1046 8 11 8Z"
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M5 4C5 3.47 5.211 2.961 5.586 2.586 5.961 2.211 6.47 2 7 2H19C19.53 2 20.039 2.211 20.414 2.586 20.789 2.961 21 3.47 21 4V20C21 20.53 20.789 21.039 20.414 21.414 20.039 21.789 19.53 22 19 22H16.6M8 18H8.01"
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        );
+      }
+
+      if (type === "stroke") {
+        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}
+          >
+            <path
+              d="M11 8H5C3.89543 8 3 8.89543 3 10V20C3 21.1046 3.89543 22 5 22H11C12.1046 22 13 21.1046 13 20V10C13 8.89543 12.1046 8 11 8Z"
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M5 4C5 3.47 5.211 2.961 5.586 2.586 5.961 2.211 6.47 2 7 2H19C19.53 2 20.039 2.211 20.414 2.586 20.789 2.961 21 3.47 21 4V20C21 20.53 20.789 21.039 20.414 21.414 20.039 21.789 19.53 22 19 22H16.6M8 18H8.01"
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        );
+      }
+
+      console.error(`TabletSmartphone doesn't support ${type}`);
+      return null;
+    },
+  );
+
+TabletSmartphone.displayName = "TabletSmartphone";
+
+TabletSmartphone.metadata = {
+  name: "TabletSmartphone",
+  category: "stroke/codingDevelopment",
+  tags: ["tablet", "smartphone", "icon"],
+  description: "TabletSmartphone icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default TabletSmartphone;

package/src/stroke/codingDevelopment/Telescope.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Telescope: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Telescope(
+  {
+    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}
+    >
+      <path
+        d="M10.065 12.493 3.885 13.811C3.645 13.863 3.394 13.819 3.187 13.687 2.98 13.556 2.832 13.348 2.777 13.109L2.24 10.959C2.177 10.7 2.213 10.427 2.34 10.193 2.468 9.959 2.679 9.781 2.931 9.694L16.435 5.254M13.56 11.747 17.892 10.823M16 21 12.895 14.79"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16.485 5.94C16.356 5.425 16.438 4.881 16.71 4.426 16.983 3.971 17.426 3.644 17.94 3.515L19.03 3.243C19.287 3.179 19.559 3.219 19.786 3.356 20.014 3.492 20.178 3.713 20.242 3.97L21.757 10.03C21.821 10.287 21.781 10.56 21.645 10.787 21.508 11.015 21.287 11.179 21.03 11.243L19.94 11.515C19.425 11.644 18.881 11.563 18.426 11.29 17.971 11.017 17.644 10.575 17.515 10.06L16.485 5.94ZM6.158 8.633 7.272 13.089M8 21 11.105 14.79M12 15C13.105 15 14 14.105 14 13 14 11.895 13.105 11 12 11 10.895 11 10 11.895 10 13 10 14.105 10.895 15 12 15Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Telescope.displayName = "Telescope";
+
+Telescope.metadata = {
+  name: "Telescope",
+  category: "stroke/codingDevelopment",
+  tags: ["telescope", "icon"],
+  description: "Telescope icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Telescope;

package/src/stroke/codingDevelopment/Terminal.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Terminal: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Terminal(
+  {
+    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}
+    >
+      <path
+        d="M12 19H20M4 17 10 11 4 5"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+Terminal.displayName = "Terminal";
+
+Terminal.metadata = {
+  name: "Terminal",
+  category: "stroke/codingDevelopment",
+  tags: ["terminal", "icon"],
+  description: "Terminal icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Terminal;

package/src/stroke/codingDevelopment/ToggleLeft.tsx

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface ToggleLeftProps extends IconProps {
+  type?: "stroke";
+}
+
+export const ToggleLeft: IconComponent<ToggleLeftProps> = React.forwardRef<
+  SVGSVGElement,
+  ToggleLeftProps
+>(function ToggleLeft(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "stroke") {
+    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}
+      >
+        <path
+          d="M9 15C10.6569 15 12 13.6569 12 12C12 10.3431 10.6569 9 9 9C7.34315 9 6 10.3431 6 12C6 13.6569 7.34315 15 9 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5H9C5.13401 5 2 8.13401 2 12C2 15.866 5.13401 19 9 19H15C18.866 19 22 15.866 22 12C22 8.13401 18.866 5 15 5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    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}
+      >
+        <path
+          d="M9 15C10.6569 15 12 13.6569 12 12C12 10.3431 10.6569 9 9 9C7.34315 9 6 10.3431 6 12C6 13.6569 7.34315 15 9 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5H9C5.13401 5 2 8.13401 2 12C2 15.866 5.13401 19 9 19H15C18.866 19 22 15.866 22 12C22 8.13401 18.866 5 15 5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`ToggleLeft doesn't support ${type}`);
+  return null;
+});
+
+ToggleLeft.displayName = "ToggleLeft";
+
+ToggleLeft.metadata = {
+  name: "ToggleLeft",
+  category: "stroke/codingDevelopment",
+  tags: ["toggle", "left", "icon"],
+  description: "ToggleLeft icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ToggleLeft;

package/src/stroke/codingDevelopment/ToggleRight.tsx

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+interface ToggleRightProps extends IconProps {
+  type?: "stroke";
+}
+
+export const ToggleRight: IconComponent<ToggleRightProps> = React.forwardRef<
+  SVGSVGElement,
+  ToggleRightProps
+>(function ToggleRight(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    type = "stroke",
+    ...props
+  },
+  forwardedRef,
+) {
+  if (type === "stroke") {
+    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}
+      >
+        <path
+          d="M15 15C16.6569 15 18 13.6569 18 12C18 10.3431 16.6569 9 15 9C13.3431 9 12 10.3431 12 12C12 13.6569 13.3431 15 15 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5H9C5.13401 5 2 8.13401 2 12C2 15.866 5.13401 19 9 19H15C18.866 19 22 15.866 22 12C22 8.13401 18.866 5 15 5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  if (type === "stroke") {
+    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}
+      >
+        <path
+          d="M15 15C16.6569 15 18 13.6569 18 12C18 10.3431 16.6569 9 15 9C13.3431 9 12 10.3431 12 12C12 13.6569 13.3431 15 15 15Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M15 5H9C5.13401 5 2 8.13401 2 12C2 15.866 5.13401 19 9 19H15C18.866 19 22 15.866 22 12C22 8.13401 18.866 5 15 5Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  console.error(`ToggleRight doesn't support ${type}`);
+  return null;
+});
+
+ToggleRight.displayName = "ToggleRight";
+
+ToggleRight.metadata = {
+  name: "ToggleRight",
+  category: "stroke/codingDevelopment",
+  tags: ["toggle", "right", "icon"],
+  description: "ToggleRight icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ToggleRight;

package/src/stroke/codingDevelopment/ToolCase.tsx

@@ -0,0 +1,64 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ToolCase: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ToolCase(
+  {
+    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}
+    >
+      <path
+        d="M10 15H14M14.817 10.995 13.846 9.545 14.88 8.313C15.158 7.99 15.326 7.586 15.358 7.16 15.39 6.735 15.285 6.311 15.059 5.949 14.833 5.587 14.497 5.307 14.101 5.15 13.704 4.993 13.268 4.967 12.855 5.075L11.035 5.439 9.91 3.885C9.689 3.556 9.374 3.3 9.007 3.15 8.639 3 8.235 2.963 7.847 3.043 7.458 3.123 7.102 3.317 6.824 3.6 6.546 3.883 6.358 4.243 6.285 4.633L6.141 6.55 4.416 6.976C4.023 7.096 3.677 7.335 3.424 7.659 3.171 7.983 3.025 8.377 3.004 8.787 2.983 9.198 3.089 9.605 3.308 9.953 3.527 10.301 3.847 10.573 4.226 10.732L4.883 11.002"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M18.822 10.995 21.082 5.615C21.134 5.492 21.16 5.36 21.16 5.227 21.16 5.093 21.133 4.962 21.081 4.839 21.029 4.716 20.953 4.605 20.858 4.512 20.762 4.419 20.649 4.346 20.525 4.297L16.954 2.9C16.713 2.806 16.445 2.809 16.206 2.908 15.967 3.008 15.776 3.196 15.673 3.433L14.749 5.555M4 12.006C3.999 11.875 4.024 11.745 4.074 11.623 4.123 11.501 4.196 11.391 4.289 11.297 4.381 11.204 4.491 11.129 4.612 11.078 4.733 11.027 4.863 11.001 4.994 11H19C19.265 11 19.52 11.105 19.707 11.293 19.895 11.48 20 11.735 20 12V19C20 19.53 19.789 20.039 19.414 20.414 19.039 20.789 18.531 21 18 21H6C5.47 21 4.961 20.789 4.586 20.414 4.211 20.039 4 19.53 4 19V12.006Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ToolCase.displayName = "ToolCase";
+
+ToolCase.metadata = {
+  name: "ToolCase",
+  category: "stroke/codingDevelopment",
+  tags: ["tool", "case", "icon"],
+  description: "ToolCase icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ToolCase;

package/src/stroke/codingDevelopment/ToyBrick.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const ToyBrick: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function ToyBrick(
+  {
+    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}
+    >
+      <path
+        d="M20 8H4C3.448 8 3 8.448 3 9V19C3 19.552 3.448 20 4 20H20C20.552 20 21 19.552 21 19V9C21 8.448 20.552 8 20 8ZM10 8V5C10 4.4 9.6 4 9 4H6C5.735 4 5.48 4.105 5.293 4.293 5.105 4.48 5 4.735 5 5V8M19 8V5C19 4.4 18.6 4 18 4H15C14.735 4 14.48 4.105 14.293 4.293 14.105 4.48 14 4.735 14 5V8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+ToyBrick.displayName = "ToyBrick";
+
+ToyBrick.metadata = {
+  name: "ToyBrick",
+  category: "stroke/codingDevelopment",
+  tags: ["toy", "brick", "icon"],
+  description: "ToyBrick icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default ToyBrick;

package/src/stroke/codingDevelopment/Trello.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Trello: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Trello(
+    {
+      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}
+      >
+        <path
+          d="M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10 7H7V16H10V7ZM17 7H14V12H17V7Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  },
+);
+
+Trello.displayName = "Trello";
+
+Trello.metadata = {
+  name: "Trello",
+  category: "stroke/codingDevelopment",
+  tags: ["trello", "icon"],
+  description: "Trello icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Trello;

package/src/stroke/codingDevelopment/TriangleAlert.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const TriangleAlert: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function TriangleAlert(
+  {
+    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}
+    >
+      <path
+        d="M21.73 18 13.73 4C13.556 3.692 13.303 3.436 12.997 3.258 12.691 3.08 12.344 2.986 11.99 2.986 11.636 2.986 11.289 3.08 10.983 3.258 10.677 3.436 10.424 3.692 10.25 4L2.25 18C2.074 18.305 1.981 18.652 1.982 19.005 1.983 19.357 2.077 19.703 2.254 20.008 2.432 20.312 2.687 20.565 2.994 20.739 3.3 20.913 3.647 21.003 4 21H20C20.351 21 20.696 20.907 20.999 20.731 21.303 20.556 21.555 20.303 21.73 19.999 21.906 19.695 21.998 19.35 21.998 19 21.998 18.649 21.905 18.304 21.73 18ZM12 9V13M12 17H12.01"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});
+
+TriangleAlert.displayName = "TriangleAlert";
+
+TriangleAlert.metadata = {
+  name: "TriangleAlert",
+  category: "stroke/codingDevelopment",
+  tags: ["triangle", "alert", "icon"],
+  description: "TriangleAlert icon from stroke/codingDevelopment category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default TriangleAlert;