@mesalvo/icons 0.0.32156

package/src/icons/ChevronDown.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronDown = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="chevron-down_svg__icon chevron-down_svg__icon-tabler chevron-down_svg__icons-tabler-outline chevron-down_svg__icon-tabler-chevron-down"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>ChevronDown</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m6 9 6 6 6-6" />
+  </svg>
+);
+export default SvgChevronDown;

package/src/icons/ChevronLeft.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronLeft = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="chevron-left_svg__icon chevron-left_svg__icon-tabler chevron-left_svg__icons-tabler-outline chevron-left_svg__icon-tabler-chevron-left"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>ChevronLeft</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m15 6-6 6 6 6" />
+  </svg>
+);
+export default SvgChevronLeft;

package/src/icons/ChevronRight.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronRight = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="chevron-right_svg__icon chevron-right_svg__icon-tabler chevron-right_svg__icons-tabler-outline chevron-right_svg__icon-tabler-chevron-right"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>ChevronRight</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m9 6 6 6-6 6" />
+  </svg>
+);
+export default SvgChevronRight;

package/src/icons/ChevronUp.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgChevronUp = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="chevron-up_svg__icon chevron-up_svg__icon-tabler chevron-up_svg__icons-tabler-outline chevron-up_svg__icon-tabler-chevron-up"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>ChevronUp</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m6 15 6-6 6 6" />
+  </svg>
+);
+export default SvgChevronUp;

package/src/icons/Clipboard.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgClipboard = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="clipboard_svg__icon clipboard_svg__icon-tabler clipboard_svg__icons-tabler-outline clipboard_svg__icon-tabler-clipboard"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Clipboard</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" />
+    <path d="M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2" />
+  </svg>
+);
+export default SvgClipboard;

package/src/icons/Clock.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgClock = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="clock_svg__icon clock_svg__icon-tabler clock_svg__icons-tabler-outline clock_svg__icon-tabler-clock"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Clock</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0" />
+    <path d="M12 7v5l3 3" />
+  </svg>
+);
+export default SvgClock;

package/src/icons/Cloud.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCloud = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="cloud_svg__icon cloud_svg__icon-tabler cloud_svg__icons-tabler-outline cloud_svg__icon-tabler-cloud"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Cloud</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773 1.88-.572 3.956-.193 5.444 1 1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657" />
+  </svg>
+);
+export default SvgCloud;

package/src/icons/Code.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCode = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="code_svg__icon code_svg__icon-tabler code_svg__icons-tabler-outline code_svg__icon-tabler-code"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Code</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16" />
+  </svg>
+);
+export default SvgCode;

package/src/icons/CodeDots.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCodeDots = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="code-dots_svg__icon code-dots_svg__icon-tabler code-dots_svg__icons-tabler-outline code-dots_svg__icon-tabler-code-dots"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>CodeDots</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M15 12h.01M12 12h.01M9 12h.01M6 19a2 2 0 0 1-2-2v-4l-1-1 1-1V7a2 2 0 0 1 2-2M18 19a2 2 0 0 0 2-2v-4l1-1-1-1V7a2 2 0 0 0-2-2" />
+  </svg>
+);
+export default SvgCodeDots;

package/src/icons/Command.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCommand = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="command_svg__icon command_svg__icon-tabler command_svg__icons-tabler-outline command_svg__icon-tabler-command"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Command</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M7 9a2 2 0 1 1 2-2v10a2 2 0 1 1-2-2h10a2 2 0 1 1-2 2V7a2 2 0 1 1 2 2z" />
+  </svg>
+);
+export default SvgCommand;

package/src/icons/Components.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgComponents = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="components_svg__icon components_svg__icon-tabler components_svg__icons-tabler-outline components_svg__icon-tabler-components"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Components</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m3 12 3 3 3-3-3-3zM15 12l3 3 3-3-3-3zM9 6l3 3 3-3-3-3zM9 18l3 3 3-3-3-3z" />
+  </svg>
+);
+export default SvgComponents;

package/src/icons/Copy.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCopy = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="copy_svg__icon copy_svg__icon-tabler copy_svg__icons-tabler-outline copy_svg__icon-tabler-copy"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Copy</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z" />
+    <path d="M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1" />
+  </svg>
+);
+export default SvgCopy;

package/src/icons/Cpu.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgCpu = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="cpu_svg__icon cpu_svg__icon-tabler cpu_svg__icons-tabler-outline cpu_svg__icon-tabler-cpu"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Cpu</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z" />
+    <path d="M9 9h6v6H9zM3 10h2M3 14h2M10 3v2M14 3v2M21 10h-2M21 14h-2M14 21v-2M10 21v-2" />
+  </svg>
+);
+export default SvgCpu;

package/src/icons/Dashboard.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDashboard = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="dashboard_svg__icon dashboard_svg__icon-tabler dashboard_svg__icons-tabler-outline dashboard_svg__icon-tabler-dashboard"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Dashboard</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M10 13a2 2 0 1 0 4 0 2 2 0 1 0-4 0M13.45 11.55 15.5 9.5" />
+    <path d="M6.4 20a9 9 0 1 1 11.2 0z" />
+  </svg>
+);
+export default SvgDashboard;

package/src/icons/Database.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDatabase = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="database_svg__icon database_svg__icon-tabler database_svg__icons-tabler-outline database_svg__icon-tabler-database"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Database</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6" />
+    <path d="M4 6v6a8 3 0 0 0 16 0V6" />
+    <path d="M4 12v6a8 3 0 0 0 16 0v-6" />
+  </svg>
+);
+export default SvgDatabase;

package/src/icons/DeviceDesktop.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDeviceDesktop = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="device-desktop_svg__icon device-desktop_svg__icon-tabler device-desktop_svg__icons-tabler-outline device-desktop_svg__icon-tabler-device-desktop"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>DeviceDesktop</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM7 20h10M9 16v4M15 16v4" />
+  </svg>
+);
+export default SvgDeviceDesktop;

package/src/icons/DeviceFloppy.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDeviceFloppy = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="device-floppy_svg__icon device-floppy_svg__icon-tabler device-floppy_svg__icons-tabler-outline device-floppy_svg__icon-tabler-device-floppy"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>DeviceFloppy</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2" />
+    <path d="M10 14a2 2 0 1 0 4 0 2 2 0 1 0-4 0M14 4v4H8V4" />
+  </svg>
+);
+export default SvgDeviceFloppy;

package/src/icons/DeviceLaptop.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDeviceLaptop = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="device-laptop_svg__icon device-laptop_svg__icon-tabler device-laptop_svg__icons-tabler-outline device-laptop_svg__icon-tabler-device-laptop"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>DeviceLaptop</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 19h18M5 7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z" />
+  </svg>
+);
+export default SvgDeviceLaptop;

package/src/icons/Door.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDoor = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="door_svg__icon door_svg__icon-tabler door_svg__icons-tabler-outline door_svg__icon-tabler-door"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Door</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16" />
+  </svg>
+);
+export default SvgDoor;

package/src/icons/Dots.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDots = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="dots_svg__icon dots_svg__icon-tabler dots_svg__icons-tabler-outline dots_svg__icon-tabler-dots"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Dots</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0M11 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0M18 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0" />
+  </svg>
+);
+export default SvgDots;

package/src/icons/DotsVertical.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDotsVertical = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="dots-vertical_svg__icon dots-vertical_svg__icon-tabler dots-vertical_svg__icons-tabler-outline dots-vertical_svg__icon-tabler-dots-vertical"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>DotsVertical</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M11 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0M11 19a1 1 0 1 0 2 0 1 1 0 1 0-2 0M11 5a1 1 0 1 0 2 0 1 1 0 1 0-2 0" />
+  </svg>
+);
+export default SvgDotsVertical;

package/src/icons/Download.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgDownload = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="download_svg__icon download_svg__icon-tabler download_svg__icons-tabler-outline download_svg__icon-tabler-download"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Download</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5 5-5M12 4v12" />
+  </svg>
+);
+export default SvgDownload;

package/src/icons/Edit.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEdit = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="edit_svg__icon edit_svg__icon-tabler edit_svg__icons-tabler-outline edit_svg__icon-tabler-edit"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Edit</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1" />
+    <path d="M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3" />
+  </svg>
+);
+export default SvgEdit;

package/src/icons/EditOff.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEditOff = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="edit-off_svg__icon edit-off_svg__icon-tabler edit-off_svg__icons-tabler-outline edit-off_svg__icon-tabler-edit-off"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>EditOff</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1" />
+    <path d="M10.507 10.498 9 12v3h3l1.493-1.498m2-2.01 4.89-4.907a2.1 2.1 0 0 0-2.97-2.97L12.5 8.511M16 5l3 3M3 3l18 18" />
+  </svg>
+);
+export default SvgEditOff;

package/src/icons/Engine.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEngine = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="engine_svg__icon engine_svg__icon-tabler engine_svg__icons-tabler-outline engine_svg__icon-tabler-engine"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Engine</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 10v6M12 5v3M10 5h4M5 13H3M6 10h2l2-2h3.382a1 1 0 0 1 .894.553l1.448 2.894a1 1 0 0 0 .894.553H18v-2h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2v-2h-3v2a1 1 0 0 1-1 1h-3.465a1 1 0 0 1-.832-.445L8 16H6z" />
+  </svg>
+);
+export default SvgEngine;

package/src/icons/Eraser.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEraser = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="eraser_svg__icon eraser_svg__icon-tabler eraser_svg__icons-tabler-outline eraser_svg__icon-tabler-eraser"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Eraser</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M19 20H8.5l-4.21-4.3a1 1 0 0 1 0-1.41l10-10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41L11.5 20M18 13.3 11.7 7" />
+  </svg>
+);
+export default SvgEraser;

package/src/icons/ExclamationCircle.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgExclamationCircle = (props: (SVGProps<SVGSVGElement> & { size?: string | number; color?: string })) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    {...(props.size ? { width: props.size, height: props.size } : { width: "1em", height: "1em" })}
+    
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={2}
+    className="exclamation-circle_svg__icon exclamation-circle_svg__icon-tabler exclamation-circle_svg__icons-tabler-outline exclamation-circle_svg__icon-tabler-exclamation-circle"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>ExclamationCircle</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0M12 9v4M12 16v.01" />
+  </svg>
+);
+export default SvgExclamationCircle;