@mesalvo/icons 0.0.32156

package/src/icons/Eye.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEye = (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="eye_svg__icon eye_svg__icon-tabler eye_svg__icons-tabler-outline eye_svg__icon-tabler-eye"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Eye</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" />
+    <path d="M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" />
+  </svg>
+);
+export default SvgEye;

package/src/icons/EyeClosed.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgEyeClosed = (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="eye-closed_svg__icon eye-closed_svg__icon-tabler eye-closed_svg__icons-tabler-outline eye-closed_svg__icon-tabler-eye-closed"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>EyeClosed</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M21 9q-3.6 4-9 4T3 9M3 15l2.5-3.8M21 14.976 18.508 11.2M9 17l.5-4M15 17l-.5-4" />
+  </svg>
+);
+export default SvgEyeClosed;

package/src/icons/FaceIdError.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFaceIdError = (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="face-id-error_svg__icon face-id-error_svg__icon-tabler face-id-error_svg__icons-tabler-outline face-id-error_svg__icon-tabler-face-id-error"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>FaceIdError</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2M16 4h2a2 2 0 0 1 2 2v2M16 20h2a2 2 0 0 0 2-2v-2M9 10h.01M15 10h.01M9.5 15.05a3.5 3.5 0 0 1 5 0" />
+  </svg>
+);
+export default SvgFaceIdError;

package/src/icons/File.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFile = (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="file_svg__icon file_svg__icon-tabler file_svg__icons-tabler-outline file_svg__icon-tabler-file"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>File</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M14 3v4a1 1 0 0 0 1 1h4" />
+    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2" />
+  </svg>
+);
+export default SvgFile;

package/src/icons/FileText.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFileText = (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="file-text_svg__icon file-text_svg__icon-tabler file-text_svg__icons-tabler-outline file-text_svg__icon-tabler-file-text"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>FileText</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M14 3v4a1 1 0 0 0 1 1h4" />
+    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1M9 13h6M9 17h6" />
+  </svg>
+);
+export default SvgFileText;

package/src/icons/FileUpload.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFileUpload = (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="file-upload_svg__icon file-upload_svg__icon-tabler file-upload_svg__icons-tabler-outline file-upload_svg__icon-tabler-file-upload"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>FileUpload</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M14 3v4a1 1 0 0 0 1 1h4" />
+    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M12 11v6" />
+    <path d="M9.5 13.5 12 11l2.5 2.5" />
+  </svg>
+);
+export default SvgFileUpload;

package/src/icons/FileX.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFileX = (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="file-x_svg__icon file-x_svg__icon-tabler file-x_svg__icons-tabler-outline file-x_svg__icon-tabler-file-x"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>FileX</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M14 3v4a1 1 0 0 0 1 1h4" />
+    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M10 12l4 4m0-4-4 4" />
+  </svg>
+);
+export default SvgFileX;

package/src/icons/Filter.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFilter = (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="filter_svg__icon filter_svg__icon-tabler filter_svg__icons-tabler-outline filter_svg__icon-tabler-filter"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Filter</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z" />
+  </svg>
+);
+export default SvgFilter;

package/src/icons/FilterOff.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFilterOff = (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="filter-off_svg__icon filter-off_svg__icon-tabler filter-off_svg__icons-tabler-outline filter-off_svg__icon-tabler-filter-off"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>FilterOff</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M8 4h12v2.172a2 2 0 0 1-.586 1.414L15.5 11.5M15 15v4l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227V4M3 3l18 18" />
+  </svg>
+);
+export default SvgFilterOff;

package/src/icons/Flag.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFlag = (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="flag_svg__icon flag_svg__icon-tabler flag_svg__icons-tabler-outline flag_svg__icon-tabler-flag"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Flag</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 5a5 5 0 0 1 7 0 5 5 0 0 0 7 0v9a5 5 0 0 1-7 0 5 5 0 0 0-7 0zM5 21v-7" />
+  </svg>
+);
+export default SvgFlag;

package/src/icons/Focus.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFocus = (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="focus_svg__icon focus_svg__icon-tabler focus_svg__icons-tabler-outline focus_svg__icon-tabler-focus"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Focus</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <circle cx={12} cy={12} r={0.5} fill="currentColor" />
+    <path d="M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0" />
+  </svg>
+);
+export default SvgFocus;

package/src/icons/Folder.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgFolder = (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="folder_svg__icon folder_svg__icon-tabler folder_svg__icons-tabler-outline folder_svg__icon-tabler-folder"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Folder</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2" />
+  </svg>
+);
+export default SvgFolder;

package/src/icons/GenderFemale.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgGenderFemale = (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="gender-female_svg__icon gender-female_svg__icon-tabler gender-female_svg__icons-tabler-outline gender-female_svg__icon-tabler-gender-female"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>GenderFemale</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M7 9a5 5 0 1 0 10 0A5 5 0 1 0 7 9M12 14v7M9 18h6" />
+  </svg>
+);
+export default SvgGenderFemale;

package/src/icons/GenderMale.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgGenderMale = (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="gender-male_svg__icon gender-male_svg__icon-tabler gender-male_svg__icons-tabler-outline gender-male_svg__icon-tabler-gender-male"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>GenderMale</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 14a5 5 0 1 0 10 0 5 5 0 1 0-10 0M19 5l-5.4 5.4M19 5h-5M19 5v5" />
+  </svg>
+);
+export default SvgGenderMale;

package/src/icons/GenderTransgender.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgGenderTransgender = (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="gender-transgender_svg__icon gender-transgender_svg__icon-tabler gender-transgender_svg__icons-tabler-outline gender-transgender_svg__icon-tabler-gender-transgender"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>GenderTransgender</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M8 12a4 4 0 1 0 8 0 4 4 0 1 0-8 0M15 9l6-6M21 7V3h-4M9 9 3 3M3 7V3h4M5.5 8.5l3-3M12 16v5M9.5 19h5" />
+  </svg>
+);
+export default SvgGenderTransgender;

package/src/icons/GridDots.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgGridDots = (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="grid-dots_svg__icon grid-dots_svg__icon-tabler grid-dots_svg__icons-tabler-outline grid-dots_svg__icon-tabler-grid-dots"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>GridDots</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M4 5a1 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 0M18 5a1 1 0 1 0 2 0 1 1 0 1 0-2 0M4 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 0M4 19a1 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 0M18 19a1 1 0 1 0 2 0 1 1 0 1 0-2 0" />
+  </svg>
+);
+export default SvgGridDots;

package/src/icons/GripVertical.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgGripVertical = (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="grip-vertical_svg__icon grip-vertical_svg__icon-tabler grip-vertical_svg__icons-tabler-outline grip-vertical_svg__icon-tabler-grip-vertical"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>GripVertical</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M8 5a1 1 0 1 0 2 0 1 1 0 1 0-2 0M8 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0M8 19a1 1 0 1 0 2 0 1 1 0 1 0-2 0M14 5a1 1 0 1 0 2 0 1 1 0 1 0-2 0M14 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0M14 19a1 1 0 1 0 2 0 1 1 0 1 0-2 0" />
+  </svg>
+);
+export default SvgGripVertical;

package/src/icons/Heart.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgHeart = (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="heart_svg__icon heart_svg__icon-tabler heart_svg__icons-tabler-outline heart_svg__icon-tabler-heart"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Heart</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M19.5 12.572 12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572" />
+  </svg>
+);
+export default SvgHeart;

package/src/icons/HeartHandshake.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgHeartHandshake = (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="heart-handshake_svg__icon heart-handshake_svg__icon-tabler heart-handshake_svg__icons-tabler-outline heart-handshake_svg__icon-tabler-heart-handshake"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>HeartHandshake</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M19.5 12.572 12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572" />
+    <path d="M12 6 8.707 9.293a1 1 0 0 0 0 1.414l.543.543c.69.69 1.81.69 2.5 0l1-1a3.18 3.18 0 0 1 4.5 0l2.25 2.25M12.5 15.5l2 2M15 13l2 2" />
+  </svg>
+);
+export default SvgHeartHandshake;

package/src/icons/Home.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgHome = (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="home_svg__icon home_svg__icon-tabler home_svg__icons-tabler-outline home_svg__icon-tabler-home"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Home</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 12H3l9-9 9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7" />
+    <path d="M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6" />
+  </svg>
+);
+export default SvgHome;

package/src/icons/Id.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgId = (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="id_svg__icon id_svg__icon-tabler id_svg__icons-tabler-outline id_svg__icon-tabler-id"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Id</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z" />
+    <path d="M7 10a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 8h2M15 12h2M7 16h10" />
+  </svg>
+);
+export default SvgId;

package/src/icons/InfoCircle.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgInfoCircle = (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="info-circle_svg__icon info-circle_svg__icon-tabler info-circle_svg__icons-tabler-outline info-circle_svg__icon-tabler-info-circle"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>InfoCircle</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0M12 9h.01" />
+    <path d="M11 12h1v4h1" />
+  </svg>
+);
+export default SvgInfoCircle;

package/src/icons/InputSearch.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgInputSearch = (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="input-search_svg__icon input-search_svg__icon-tabler input-search_svg__icons-tabler-outline input-search_svg__icon-tabler-input-search"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>InputSearch</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M20 11V9a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5M15 18a3 3 0 1 0 6 0 3 3 0 1 0-6 0M20.2 20.2 22 22" />
+  </svg>
+);
+export default SvgInputSearch;

package/src/icons/Italic.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgItalic = (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="italic_svg__icon italic_svg__icon-tabler italic_svg__icons-tabler-outline italic_svg__icon-tabler-italic"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Italic</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M11 5h6M7 19h6M14 5l-4 14" />
+  </svg>
+);
+export default SvgItalic;

package/src/icons/Key.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgKey = (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="key_svg__icon key_svg__icon-tabler key_svg__icons-tabler-outline key_svg__icon-tabler-key"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Key</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m16.555 3.843 3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01" />
+  </svg>
+);
+export default SvgKey;

package/src/icons/Link.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgLink = (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="link_svg__icon link_svg__icon-tabler link_svg__icons-tabler-outline link_svg__icon-tabler-link"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Link</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="m9 15 6-6M11 6l.463-.536a5 5 0 0 1 7.071 7.072L18 13M13 18l-.397.534a5.07 5.07 0 0 1-7.127 0 4.97 4.97 0 0 1 0-7.071L6 11" />
+  </svg>
+);
+export default SvgLink;

package/src/icons/Lock.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const SvgLock = (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="lock_svg__icon lock_svg__icon-tabler lock_svg__icons-tabler-outline lock_svg__icon-tabler-lock"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Lock</title>
+    <path stroke="none" d="M0 0h24v24H0z" />
+    <path d="M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z" />
+    <path d="M11 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0M8 11V7a4 4 0 1 1 8 0v4" />
+  </svg>
+);
+export default SvgLock;