@herca/rn-kit 0.1.87 → 0.1.89

package/src/Icon/icons/FileListPlus.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const FileListPlus: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M10.625 4.16699V2.29199L14.375 6.04199H12.5C11.1833 6.04199 10.625 5.48366 10.625 4.16699ZM10.6167 16.3337C10.6667 16.5003 10.55 16.667 10.3833 16.667H5C3.33333 16.667 2.5 15.8337 2.5 14.167V4.16699C2.5 2.50033 3.33333 1.66699 5 1.66699H9.375V4.16699C9.375 6.18366 10.4833 7.29199 12.5 7.29199H15V10.1753C15 10.3087 14.8916 10.417 14.7583 10.4253C12.35 10.5503 10.4167 12.5587 10.4167 15.0003C10.4167 15.467 10.4833 15.917 10.6167 16.3337ZM9.79167 12.5003C9.79167 12.1553 9.51167 11.8753 9.16667 11.8753H5.83333C5.48833 11.8753 5.20833 12.1553 5.20833 12.5003C5.20833 12.8453 5.48833 13.1253 5.83333 13.1253H9.16667C9.51167 13.1253 9.79167 12.8453 9.79167 12.5003ZM11.6667 9.79199C12.0117 9.79199 12.2917 9.51199 12.2917 9.16699C12.2917 8.82199 12.0117 8.54199 11.6667 8.54199H5.83333C5.48833 8.54199 5.20833 8.82199 5.20833 9.16699C5.20833 9.51199 5.48833 9.79199 5.83333 9.79199H11.6667ZM18.3333 15.0003C18.3333 16.8412 16.8408 18.3337 15 18.3337C13.1592 18.3337 11.6667 16.8412 11.6667 15.0003C11.6667 13.1595 13.1592 11.667 15 11.667C16.8408 11.667 18.3333 13.1595 18.3333 15.0003ZM16.4583 15.0003C16.4583 14.7703 16.2717 14.5837 16.0417 14.5837H15.4167V13.9587C15.4167 13.7287 15.23 13.542 15 13.542C14.77 13.542 14.5833 13.7287 14.5833 13.9587V14.5837H13.9583C13.7283 14.5837 13.5417 14.7703 13.5417 15.0003C13.5417 15.2303 13.7283 15.417 13.9583 15.417H14.5833V16.042C14.5833 16.272 14.77 16.4587 15 16.4587C15.23 16.4587 15.4167 16.272 15.4167 16.042V15.417H16.0417C16.2717 15.417 16.4583 15.2303 16.4583 15.0003Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default FileListPlus;

package/src/Icon/icons/FileListPlusOutline.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const FilelistPlusOutline: React.FC<Props> = ({
+  size = 24,
+  color = '#909090',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      d="M11 19.25H6C4.423 19.25 3.75 18.577 3.75 17V5C3.75 3.423 4.423 2.75 6 2.75H11.25V5C11.25 7.418 12.582 8.75 15 8.75H17.25V11C17.25 11.414 17.586 11.75 18 11.75C18.414 11.75 18.75 11.414 18.75 11V8C18.75 7.801 18.671 7.61 18.53 7.47L12.53 1.47C12.389 1.329 12.199 1.25 12 1.25H6C3.582 1.25 2.25 2.582 2.25 5V17C2.25 19.418 3.582 20.75 6 20.75H11C11.414 20.75 11.75 20.414 11.75 20C11.75 19.586 11.414 19.25 11 19.25ZM12.75 5V3.811L16.189 7.25H15C13.423 7.25 12.75 6.577 12.75 5ZM14 10.25C14.414 10.25 14.75 10.586 14.75 11C14.75 11.414 14.414 11.75 14 11.75H7C6.586 11.75 6.25 11.414 6.25 11C6.25 10.586 6.586 10.25 7 10.25H14ZM11.75 15C11.75 15.414 11.414 15.75 11 15.75H7C6.586 15.75 6.25 15.414 6.25 15C6.25 14.586 6.586 14.25 7 14.25H11C11.414 14.25 11.75 14.586 11.75 15ZM18 13.25C15.381 13.25 13.25 15.381 13.25 18C13.25 20.619 15.381 22.75 18 22.75C20.619 22.75 22.75 20.619 22.75 18C22.75 15.381 20.619 13.25 18 13.25ZM18 21.25C16.208 21.25 14.75 19.792 14.75 18C14.75 16.208 16.208 14.75 18 14.75C19.792 14.75 21.25 16.208 21.25 18C21.25 19.792 19.792 21.25 18 21.25ZM20 18C20 18.414 19.664 18.75 19.25 18.75H18.75V19.25C18.75 19.664 18.414 20 18 20C17.586 20 17.25 19.664 17.25 19.25V18.75H16.75C16.336 18.75 16 18.414 16 18C16 17.586 16.336 17.25 16.75 17.25H17.25V16.75C17.25 16.336 17.586 16 18 16C18.414 16 18.75 16.336 18.75 16.75V17.25H19.25C19.664 17.25 20 17.586 20 18Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default FilelistPlusOutline;

package/src/Icon/icons/GridFillBulk.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const GridFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <Path
+      d="M14.1665 23.3333H9.1665C7.49984 23.3333 6.6665 24.1666 6.6665 25.8333V30.8333C6.6665 32.5 7.49984 33.3333 9.1665 33.3333H14.1665C15.8332 33.3333 16.6665 32.5 16.6665 30.8333V25.8333C16.6665 24.1666 15.8332 23.3333 14.1665 23.3333Z"
+      fill="#B4B4B4"
+    />
+    <Path
+      d="M28.3335 23.3333C25.5718 23.3333 23.3335 25.5716 23.3335 28.3333C23.3335 31.095 25.5718 33.3333 28.3335 33.3333C31.0952 33.3333 33.3335 31.095 33.3335 28.3333C33.3335 25.5716 31.0952 23.3333 28.3335 23.3333Z"
+      fill="#484848"
+    />
+    <Path
+      d="M25.8335 6.66669H30.8335C32.5002 6.66669 33.3335 7.50002 33.3335 9.16669V14.1667C33.3335 15.8334 32.5002 16.6667 30.8335 16.6667H25.8335C24.1668 16.6667 23.3335 15.8334 23.3335 14.1667V9.16669C23.3335 7.50002 24.1668 6.66669 25.8335 6.66669Z"
+      fill="#B4B4B4"
+    />
+    <Path
+      d="M9.1665 6.66669H14.1665C15.8332 6.66669 16.6665 7.50002 16.6665 9.16669V14.1667C16.6665 15.8334 15.8332 16.6667 14.1665 16.6667H9.1665C7.49984 16.6667 6.6665 15.8334 6.6665 14.1667V9.16669C6.6665 7.50002 7.49984 6.66669 9.1665 6.66669Z"
+      fill="#B4B4B4"
+    />
+  </Svg>
+);
+
+export default GridFillBulk;

package/src/Icon/icons/HourGlassFillBulk.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const HourGlassFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <Path
+      d="M29.1501 14.7668L20.0335 20L10.8669 14.7668C9.3002 13.8835 8.3335 13.3333 8.3335 10.4333V7.5C8.3335 6.11667 9.45016 5 10.8335 5H29.1668C30.5502 5 31.6668 6.11667 31.6668 7.5V10.4333C31.6668 13.3333 30.7001 13.8835 29.1501 14.7668Z"
+      fill="#0CA2FF"
+    />
+    <Path
+      d="M8.3335 29.5667V32.5C8.3335 33.8833 9.45016 35 10.8335 35H29.1668C30.5502 35 31.6668 33.8833 31.6668 32.5V29.5667C31.6668 26.6667 30.7001 26.1165 29.1501 25.2332L20.0335 20L10.8669 25.2332C9.3002 26.1165 8.3335 26.6667 8.3335 29.5667Z"
+      fill="#065EB7"
+    />
+  </Svg>
+);
+
+export default HourGlassFillBulk;

package/src/Icon/icons/Login.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const Login: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M17.5 5V15C17.5 16.6667 16.6667 17.5 15 17.5H10C8.33333 17.5 7.5 16.6667 7.5 15V14.1667V10.625H11.8242L10.3908 12.0583C10.1467 12.3025 10.1467 12.6983 10.3908 12.9425C10.5125 13.0642 10.6725 13.1258 10.8325 13.1258C10.9925 13.1258 11.1525 13.065 11.2742 12.9425L13.7742 10.4425C13.8317 10.385 13.8775 10.3158 13.9091 10.2392C13.9725 10.0867 13.9725 9.91416 13.9091 9.76166C13.8775 9.68499 13.8317 9.61583 13.7742 9.55833L11.2742 7.05833C11.03 6.81417 10.6342 6.81417 10.39 7.05833C10.1458 7.3025 10.1458 7.69834 10.39 7.9425L11.8233 9.37584H7.5V5.83333V5C7.5 3.33333 8.33333 2.5 10 2.5H15C16.6667 2.5 17.5 3.33333 17.5 5ZM2.5 9.375C2.155 9.375 1.875 9.655 1.875 10C1.875 10.345 2.155 10.625 2.5 10.625H7.5V9.375H2.5Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default Login;

package/src/Icon/icons/Logout.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const Logout: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
+    <Path
+      d="M6.66667 10.625H12.5V14.1667V15C12.5 16.6667 11.6667 17.5 10 17.5H5C3.33333 17.5 2.5 16.6667 2.5 15V5C2.5 3.33333 3.33333 2.5 5 2.5H10C11.6667 2.5 12.5 3.33333 12.5 5V5.83333V9.375H6.66667C6.32167 9.375 6.04167 9.655 6.04167 10C6.04167 10.345 6.32167 10.625 6.66667 10.625ZM18.0767 9.76084C18.045 9.68418 17.9992 9.615 17.9417 9.5575L15.4417 7.0575C15.1975 6.81333 14.8017 6.81333 14.5575 7.0575C14.3133 7.30166 14.3133 7.6975 14.5575 7.94167L15.9909 9.375H12.5V10.625H15.9909L14.5575 12.0583C14.3133 12.3025 14.3133 12.6983 14.5575 12.9425C14.6792 13.0642 14.8392 13.1258 14.9992 13.1258C15.1592 13.1258 15.3192 13.065 15.4408 12.9425L17.9408 10.4425C17.9983 10.385 18.0441 10.3158 18.0758 10.2392C18.14 10.0858 18.14 9.91418 18.0767 9.76084Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default Logout;

package/src/Icon/icons/MoneyUpFillBulk.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const MoneyUpFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <Path
+      d="M30 6.66663H10C6.66667 6.66663 5 8.33329 5 11.6666V25C5 28.3333 6.66667 30 10 30H22.9C23.1833 30 23.4166 29.7666 23.4166 29.4833C23.4166 29.4166 23.4 29.35 23.3834 29.2833C23.35 28.9666 23.3333 28.65 23.3333 28.3333C23.3333 23.7333 27.0667 20 31.6667 20C32.6 20 33.5 20.15 34.3333 20.4333C34.6666 20.5333 35 20.3166 35 19.9666V11.6666C35 8.33329 33.3333 6.66663 30 6.66663ZM10 19.9983C9.08 19.9983 8.33333 19.2517 8.33333 18.3317C8.33333 17.4117 9.08 16.665 10 16.665C10.92 16.665 11.6667 17.4117 11.6667 18.3317C11.6667 19.2533 10.92 19.9983 10 19.9983ZM20 23.3333C17.2383 23.3333 15 21.095 15 18.3333C15 15.5716 17.2383 13.3333 20 13.3333C22.7617 13.3333 25 15.5716 25 18.3333C25 21.095 22.7617 23.3333 20 23.3333Z"
+      fill="#12B76A"
+    />
+    <Path
+      d="M35 29.5833C35.32 29.5833 35.64 29.46 35.8833 29.2167C36.3717 28.73 36.3717 27.9366 35.8833 27.4499L32.55 24.1166C32.0617 23.6282 31.2699 23.6282 30.7816 24.1166L27.4483 27.4499C26.9599 27.9382 26.9599 28.7299 27.4483 29.2183C27.9366 29.7066 28.7283 29.7066 29.2167 29.2183L30.4166 28.0182V33.3333C30.4166 34.0233 30.9766 34.5833 31.6666 34.5833C32.3566 34.5833 32.9166 34.0233 32.9166 33.3333V28.0166L34.1166 29.2167C34.3599 29.4617 34.68 29.5833 35 29.5833Z"
+      fill="#080355"
+    />
+  </Svg>
+);
+
+export default MoneyUpFillBulk;

package/src/Icon/icons/Pencil.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const Pencil: React.FC<Props> = ({ size = 24, color = '#909090', style }) => (
+  <Svg width={size} height={size} viewBox="0 0 16 16" fill="none" style={style}>
+    <Path
+      d="M14.1268 2.81309L13.1868 1.87309C12.4068 1.09309 11.1401 1.09309 10.3601 1.87309L3.2868 8.93975C3.22014 9.00642 3.1668 9.08642 3.13347 9.17309L1.37347 13.7598C1.28014 14.0064 1.34014 14.2864 1.5268 14.4664C1.65347 14.5931 1.8268 14.6598 2.00014 14.6598C2.08014 14.6598 2.16014 14.6464 2.24014 14.6131L6.8268 12.8531C6.91347 12.8198 6.99347 12.7664 7.06014 12.6998L12.7135 7.04642L14.1268 5.63309C14.9068 4.85309 14.9068 3.58642 14.1268 2.80642V2.81309ZM7.5268 10.3598L5.64014 8.47309L9.41347 4.69975L11.3001 6.58642L7.5268 10.3598ZM3.15347 12.8464L4.3268 9.78642L4.70014 9.41309L6.5868 11.2998L6.21347 11.6731L3.15347 12.8464ZM13.1868 4.69975L12.2468 5.63975L10.3601 3.75309L11.3001 2.81309C11.5601 2.55309 11.9801 2.55309 12.2468 2.81309L13.1868 3.75309C13.4468 4.01309 13.4468 4.43309 13.1868 4.69309V4.69975Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default Pencil;

package/src/Icon/icons/PlaneFillBulk.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const PlaneFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <G clip-path="url(#clip0_20880_27024)">
+      <Path
+        d="M32.8502 4.72841C34.0719 4.97341 35.0269 5.92841 35.2719 7.15008C35.4468 8.02542 35.4218 8.92896 35.1987 9.79328C34.9756 10.6576 34.5603 11.4604 33.9836 12.1417L29.3986 17.5617L32.6386 29.4467C32.7353 29.8011 32.7366 30.1748 32.6423 30.5298C32.5481 30.8849 32.3616 31.2087 32.1019 31.4684L29.9319 33.6384C29.7476 33.8226 29.5231 33.9615 29.276 34.0442C29.029 34.1269 28.7661 34.151 28.5081 34.1149C28.25 34.0787 28.004 33.9831 27.7892 33.8356C27.5744 33.6882 27.3967 33.4929 27.2702 33.2651L22.2819 24.2867L16.8519 28.0451V29.3567C16.8519 29.9084 16.6319 30.4401 16.2419 30.8301L13.4369 33.6334C13.234 33.8366 12.9825 33.9844 12.7063 34.063C12.4302 34.1415 12.1385 34.1481 11.8591 34.0821C11.5796 34.0162 11.3217 33.8798 11.1098 33.686C10.898 33.4923 10.7392 33.2475 10.6486 32.9751L9.7419 30.2567L7.02357 29.3501C6.75113 29.2595 6.50638 29.1007 6.31261 28.8888C6.11885 28.6769 5.98249 28.419 5.91652 28.1396C5.85054 27.8601 5.85714 27.5685 5.93568 27.2923C6.01422 27.0161 6.16209 26.7646 6.36524 26.5617L9.17024 23.7567C9.36373 23.5633 9.59344 23.4099 9.84623 23.3052C10.099 23.2005 10.37 23.1467 10.6436 23.1467H11.9552L15.7136 17.7167L6.73524 12.7284C6.50746 12.6019 6.31216 12.4243 6.1647 12.2095C6.01724 11.9947 5.92165 11.7486 5.88546 11.4906C5.84927 11.2326 5.87346 10.9697 5.95614 10.7226C6.03882 10.4755 6.17772 10.251 6.3619 10.0667L8.5319 7.89675C8.79165 7.637 9.11546 7.45055 9.4705 7.35631C9.82555 7.26206 10.1992 7.26336 10.5536 7.36008L22.4369 10.6001L27.8586 6.01508C28.5399 5.43839 29.3427 5.023 30.207 4.79992C31.0714 4.57685 31.9749 4.5535 32.8502 4.72841Z"
+        fill="#FEC84B"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_20880_27024">
+        <Rect width={size} height={size} fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export default PlaneFillBulk;

package/src/Icon/icons/RotateCardFillBulk.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const RotateCardFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <Path
+      d="M19.1665 23.3333H9.1665C7.49984 23.3333 6.6665 24.1666 6.6665 25.8333V26.25H21.6665V25.8333C21.6665 24.1666 20.8332 23.3333 19.1665 23.3333ZM6.6665 28.75V32.5C6.6665 34.1666 7.49984 35 9.1665 35H19.1665C20.8332 35 21.6665 34.1666 21.6665 32.5V28.75H6.6665ZM12.4998 32.5H9.99984C9.53317 32.5 9.1665 32.1333 9.1665 31.6666C9.1665 31.2 9.53317 30.8333 9.99984 30.8333H12.4998C12.9665 30.8333 13.3332 31.2 13.3332 31.6666C13.3332 32.1333 12.9665 32.5 12.4998 32.5Z"
+      fill="#12B76A"
+    />
+    <Path
+      d="M4.86448 19.66C4.90948 19.665 4.95609 19.6667 5.00109 19.6667C5.63109 19.6667 6.17109 19.1917 6.24275 18.5551C6.67609 14.5834 8.77776 11.0801 11.9844 8.85008V11.7517C11.9844 12.4417 12.5444 13.0017 13.2344 13.0017C13.9244 13.0017 14.4844 12.4417 14.4844 11.7517V6.66828C14.4844 6.23661 14.2611 5.83501 13.8944 5.60667C13.5278 5.37834 13.0711 5.35503 12.6828 5.54503C7.69777 7.99169 4.36114 12.7516 3.75781 18.2816C3.68114 18.9666 4.17781 19.585 4.86448 19.66Z"
+      fill="#080355"
+    />
+    <Path
+      d="M26.6667 18.3333C22.985 18.3333 20 15.3483 20 11.6667C20 7.985 22.985 5 26.6667 5C30.3483 5 33.3333 7.985 33.3333 11.6667C33.3333 15.3483 30.3483 18.3333 26.6667 18.3333Z"
+      fill="#FEC84B"
+    />
+    <Path
+      d="M36.2416 21.7184C35.6383 27.2484 32.3016 32.01 27.3166 34.455C27.1416 34.5416 26.9533 34.5834 26.7666 34.5834C26.5383 34.5834 26.3083 34.52 26.1066 34.395C25.7399 34.1666 25.5166 33.765 25.5166 33.3334V28.2499C25.5166 27.5599 26.0766 26.9999 26.7666 26.9999C27.4566 26.9999 28.0166 27.5599 28.0166 28.2499V31.1518C31.2233 28.9201 33.3233 25.4184 33.7583 21.4468C33.8333 20.7601 34.4549 20.2667 35.1349 20.34C35.8216 20.415 36.3183 21.0317 36.2416 21.7184Z"
+      fill="#080355"
+    />
+  </Svg>
+);
+
+export default RotateCardFillBulk;

package/src/Icon/icons/StopwatchCheckFill.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const StopwatchCheckFill: React.FC<Props> = ({
+  size = 24,
+  style,
+  color = '#909090',
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      d="M7.24989 3C7.24989 2.586 7.58589 2.25 7.99989 2.25H12.9999C13.4139 2.25 13.7499 2.586 13.7499 3C13.7499 3.414 13.4139 3.75 12.9999 3.75H7.99989C7.58589 3.75 7.24989 3.414 7.24989 3ZM12.4999 17V19C12.4999 19.496 12.5529 19.959 12.6539 20.379C12.6919 20.538 12.6049 20.6989 12.4469 20.7419C11.6759 20.9499 10.8678 21.039 10.0118 20.984C6.57185 20.766 3.63383 18.123 3.09583 14.718C2.35783 10.039 5.95989 5.99902 10.4999 5.99902C12.1719 5.99902 13.7138 6.55103 14.9608 7.47803L16.4699 5.96899C16.7599 5.67899 17.2399 5.67899 17.5299 5.96899C17.8199 6.25899 17.8199 6.73905 17.5299 7.02905L16.07 8.48901C16.977 9.49801 17.6199 10.7509 17.8739 12.1429C17.9079 12.3269 17.7579 12.499 17.5709 12.499H16.9999C14.5149 12.5 12.4999 14.515 12.4999 17ZM11.2499 10C11.2499 9.586 10.9139 9.25 10.4999 9.25C10.0859 9.25 9.74989 9.586 9.74989 10V13.5C9.74989 13.914 10.0859 14.25 10.4999 14.25C10.9139 14.25 11.2499 13.914 11.2499 13.5V10ZM21.9999 17V19C21.9999 21 20.9999 22 18.9999 22H16.9999C14.9999 22 13.9999 21 13.9999 19V17C13.9999 15 14.9999 14 16.9999 14H18.9999C20.9999 14 21.9999 15 21.9999 17ZM19.6039 16.813C19.4089 16.618 19.0919 16.618 18.8969 16.813L17.5839 18.126L17.1049 17.646C16.9099 17.451 16.5928 17.451 16.3978 17.646C16.2028 17.841 16.2028 18.158 16.3978 18.353L17.2308 19.186C17.3248 19.28 17.4518 19.332 17.5848 19.332C17.7178 19.332 17.8449 19.279 17.9389 19.186L19.6058 17.519C19.7988 17.325 19.7989 17.008 19.6039 16.813Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default StopwatchCheckFill;

package/src/Icon/icons/StopwatchCheckOutline.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const StopwatchCheckOutline: React.FC<Props> = ({
+  size = 24,
+  style,
+  color = '#909090',
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      d="M11.7451 20.882C11.7931 21.294 11.4989 21.666 11.0879 21.715C10.8879 21.739 10.7 21.75 10.5 21.75C5.951 21.75 2.25 18.049 2.25 13.5C2.25 8.951 5.951 5.25 10.5 5.25C12.349 5.25 14.0831 5.883 15.4861 6.953L16.47 5.96899C16.763 5.67599 17.238 5.67599 17.531 5.96899C17.824 6.26199 17.824 6.73703 17.531 7.03003L16.5879 7.97302C17.3099 8.76902 17.8991 9.69595 18.2681 10.752C18.4051 11.143 18.1991 11.571 17.8081 11.708C17.4151 11.842 16.9891 11.638 16.8521 11.248C15.9101 8.55805 13.357 6.75 10.5 6.75C6.778 6.75 3.75 9.778 3.75 13.5C3.75 17.222 6.778 20.25 10.5 20.25C10.64 20.25 10.7721 20.242 10.9121 20.226C11.3321 20.168 11.6961 20.471 11.7451 20.882ZM9.75 10V13.5C9.75 13.914 10.086 14.25 10.5 14.25C10.914 14.25 11.25 13.914 11.25 13.5V10C11.25 9.586 10.914 9.25 10.5 9.25C10.086 9.25 9.75 9.586 9.75 10ZM8 3.75H13C13.414 3.75 13.75 3.414 13.75 3C13.75 2.586 13.414 2.25 13 2.25H8C7.586 2.25 7.25 2.586 7.25 3C7.25 3.414 7.586 3.75 8 3.75ZM22.75 17V19C22.75 21.418 21.418 22.75 19 22.75H17C14.582 22.75 13.25 21.418 13.25 19V17C13.25 14.582 14.582 13.25 17 13.25H19C21.418 13.25 22.75 14.582 22.75 17ZM21.25 17C21.25 15.423 20.577 14.75 19 14.75H17C15.423 14.75 14.75 15.423 14.75 17V19C14.75 20.577 15.423 21.25 17 21.25H19C20.577 21.25 21.25 20.577 21.25 19V17ZM18.72 16.636L17.583 17.772L17.28 17.469C16.987 17.177 16.512 17.176 16.219 17.469C15.926 17.761 15.926 18.237 16.219 18.53L17.052 19.363C17.193 19.504 17.383 19.583 17.582 19.583C17.781 19.583 17.9721 19.504 18.1121 19.363L19.7791 17.696C20.0721 17.403 20.0721 16.928 19.7791 16.635C19.4861 16.342 19.013 16.343 18.72 16.636Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default StopwatchCheckOutline;

package/src/Icon/icons/StopwatchFill2.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  color?: string;
+  style?: object;
+}
+
+const StopwatchFill2: React.FC<Props> = ({
+  size = 24,
+  color = '#000',
+  style,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
+    <Path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.25 3C8.25 2.586 8.586 2.25 9 2.25H14C14.414 2.25 14.75 2.586 14.75 3C14.75 3.414 14.414 3.75 14 3.75H9C8.586 3.75 8.25 3.414 8.25 3ZM19 13.5C19 17.642 15.642 21 11.5 21C7.358 21 4 17.642 4 13.5C4 9.358 7.358 6 11.5 6C13.173 6 14.712 6.55398 15.96 7.47998L17.47 5.96997C17.76 5.67997 18.24 5.67997 18.53 5.96997C18.82 6.25997 18.82 6.74003 18.53 7.03003L17.0701 8.48999C18.2661 9.81899 19 11.572 19 13.5ZM13.95 14.4L12.25 13.125V10C12.25 9.586 11.914 9.25 11.5 9.25C11.086 9.25 10.75 9.586 10.75 10V13.5C10.75 13.736 10.861 13.958 11.05 14.1L13.05 15.6C13.185 15.701 13.343 15.75 13.499 15.75C13.728 15.75 13.9531 15.646 14.1001 15.45C14.3491 15.119 14.281 14.648 13.95 14.4Z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default StopwatchFill2;

package/src/Icon/icons/UserCheckFillBulk.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface Props {
+  size?: number;
+  style?: object;
+}
+
+const UserCheckFillBulk: React.FC<Props> = ({ size = 24, style }) => (
+  <Svg width={size} height={size} viewBox="0 0 40 40" fill="none" style={style}>
+    <Path
+      d="M20.0002 3.97461C18.4268 3.97461 16.9868 4.52128 15.8402 5.44128C14.3068 6.65461 13.3335 8.53461 13.3335 10.6413C13.3335 11.8946 13.6802 13.0679 14.3068 14.0679C15.4535 16.0013 17.5602 17.3079 20.0002 17.3079C21.6802 17.3079 23.2135 16.6946 24.3868 15.6413C24.9068 15.2013 25.3602 14.6679 25.7068 14.0679C26.3202 13.0679 26.6668 11.8946 26.6668 10.6413C26.6668 6.96128 23.6802 3.97461 20.0002 3.97461ZM23.4535 9.92128L19.8935 13.2013C19.6535 13.4279 19.3468 13.5346 19.0402 13.5346C18.7202 13.5346 18.4002 13.4146 18.1602 13.1746L16.5202 11.5213C16.0268 11.0279 16.0268 10.2413 16.5202 9.74794C17.0135 9.25461 17.8002 9.25461 18.2935 9.74794L19.0802 10.5346L21.7602 8.06794C22.2668 7.60128 23.0535 7.62794 23.5202 8.13461C23.9868 8.65461 23.9602 9.45461 23.4535 9.92128Z"
+      fill="#12B76A"
+    />
+    <Path
+      d="M16.6667 20.3205H23.3333C30.1 20.3205 32.5 25.2756 32.5 29.5189C32.5 33.3139 30.4816 35.3205 26.6616 35.3205H13.3384C9.51842 35.3205 7.5 33.3139 7.5 29.5189C7.5 25.2756 9.9 20.3205 16.6667 20.3205Z"
+      fill="#080355"
+    />
+  </Svg>
+);
+
+export default UserCheckFillBulk;

package/src/Icon/type.tsx

@@ -118,6 +118,24 @@ export type IconNameProps =
   | 'user-clock'
   | 'document-list-pay'
   | 'setting-gear'
+  | 'Pencil'
+  | 'calendar-check'
+  | 'calendar-close'
+  | 'file-list-plus'
+  | 'Login'
+  | 'Logout'
+  | 'credit-card-fill'
+  | 'user-check-fill-bulk'
+  | 'plane-fill-bulk'
+  | 'hourglass-fill-bulk'
+  | 'rotate-card-fill-bulk'
+  | 'money-up-fill-bulk'
+  | 'grid-fill-bulk'
+  | 'file-list-plus-outline'
+  | 'stopwatch-check-fill'
+  | 'stopwatch-check-outline'
+  | 'stopwatch-fill-2'
+  | 'arrow-right-long'
   | 'warning-letter';
 export interface IconProps {
   name: IconNameProps;