@egov3/graphics 1.0.46

package/src/General/InfoFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const InfoFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12.95 17H11.05V10.5H12.95V17ZM12 9.15C11.7726 9.15 11.5502 9.08255 11.3611 8.95619C11.172 8.82983 11.0246 8.65022 10.9375 8.44009C10.8505 8.22995 10.8277 7.99872 10.8721 7.77565C10.9165 7.55257 11.026 7.34766 11.1868 7.18683C11.3477 7.026 11.5526 6.91647 11.7757 6.8721C11.9987 6.82772 12.23 6.8505 12.4401 6.93754C12.6502 7.02458 12.8298 7.17198 12.9562 7.36109C13.0826 7.55021 13.15 7.77255 13.15 8C13.15 8.305 13.0288 8.59751 12.8132 8.81317C12.5975 9.02884 12.305 9.15 12 9.15Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/InfoStroke.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const InfoStroke = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 6.85C11.7726 6.85 11.5502 6.91745 11.3611 7.04381C11.172 7.17017 11.0246 7.34978 10.9375 7.55991C10.8505 7.77005 10.8277 8.00128 10.8721 8.22435C10.9165 8.44743 11.026 8.65234 11.1868 8.81317C11.3477 8.974 11.5526 9.08353 11.7757 9.1279C11.9987 9.17228 12.23 9.1495 12.4401 9.06246C12.6502 8.97542 12.8298 8.82802 12.9562 8.63891C13.0826 8.44979 13.15 8.22745 13.15 8C13.15 7.695 13.0288 7.40249 12.8132 7.18683C12.5975 6.97116 12.305 6.85 12 6.85ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C19.9976 14.121 19.154 16.1544 17.6542 17.6542C16.1544 19.154 14.121 19.9976 12 20ZM11.05 17H12.95V10.5H11.05V17Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Internet.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Internet = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM18.9946 8H16.3286C16.0684 6.70574 15.5936 5.46411 14.9238 4.3265C16.6664 5.04071 18.1058 6.33963 18.9946 8ZM20 12C19.9975 12.6741 19.9148 13.3455 19.7534 14H16.6491C16.7164 13.3355 16.7501 12.6679 16.75 12C16.7501 11.3321 16.7164 10.6645 16.6491 10H19.7534C19.9148 10.6545 19.9975 11.3259 20 12ZM12 20C10.9827 20 10.0966 18.3889 9.6209 16H14.3791C13.9034 18.3889 13.0173 20 12 20ZM9.34 14C9.2833 13.36 9.25 12.692 9.25 12C9.25 11.308 9.2834 10.64 9.34 10H14.66C14.7167 10.64 14.75 11.308 14.75 12C14.75 12.692 14.7166 13.36 14.66 14H9.34ZM4 12C4.00246 11.3259 4.08524 10.6545 4.2466 10H7.3509C7.21637 11.3299 7.21637 12.6701 7.3509 14H4.2466C4.08524 13.3455 4.00246 12.6741 4 12ZM12 4C13.0173 4 13.9034 5.6111 14.3791 8H9.6209C10.0966 5.6111 10.9827 4 12 4ZM9.0762 4.3265C8.4064 5.46411 7.93158 6.70574 7.6714 8H5.0054C5.8942 6.33963 7.3336 5.04071 9.0762 4.3265ZM5.0054 16H7.6714C7.9316 17.2943 8.40642 18.5359 9.0762 19.6735C7.3336 18.9593 5.8942 17.6604 5.0054 16ZM14.9238 19.6735C15.5936 18.5359 16.0684 17.2943 16.3286 16H18.9946C18.1058 17.6604 16.6664 18.9593 14.9238 19.6735Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Job.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Job = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M18 9.9767V12.0445C19.9211 12.9237 21.1 14.1585 21.1 15.32C21.1 17.4348 17.2083 19.8 12 19.8C6.7917 19.8 2.9 17.4348 2.9 15.32C2.9 14.1585 4.0789 12.9237 6 12.0445V9.9767C2.9919 11.1153 1 13.0813 1 15.32C1 18.8436 5.9249 21.7 12 21.7C18.0751 21.7 23 18.8436 23 15.32C23 13.0813 21.0081 11.1153 18 9.9767ZM12 4.5C12.3461 4.5 12.6845 4.39737 12.9722 4.20507C13.26 4.01278 13.4843 3.73947 13.6168 3.4197C13.7492 3.09993 13.7839 2.74806 13.7164 2.40859C13.6489 2.06913 13.4822 1.75731 13.2374 1.51256C12.9927 1.26782 12.6809 1.10115 12.3414 1.03363C12.0019 0.966101 11.6501 1.00076 11.3303 1.13321C11.0105 1.26566 10.7372 1.48997 10.5449 1.77775C10.3526 2.06554 10.25 2.40388 10.25 2.75C10.25 3.21413 10.4344 3.65925 10.7626 3.98744C11.0908 4.31563 11.5359 4.5 12 4.5ZM10.65 18H13.35V13.5H15.99V7.8247L15.6971 7.5317C15.2116 7.0461 14.6352 6.66089 14.0008 6.39807C13.3664 6.13526 12.6865 5.99999 11.9998 5.99999C11.3131 5.99999 10.6332 6.13526 9.99879 6.39807C9.3644 6.66089 8.788 7.0461 8.3025 7.5317L8.0096 7.8247V13.5H10.65V18ZM10.01 11.5V8.6859C10.5781 8.24151 11.2787 8.00007 12 8.00007C12.7213 8.00007 13.4219 8.24151 13.99 8.6859V11.5H10.01Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/JobFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const JobFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M18 9.9767V12.0445C19.9211 12.9237 21.1 14.1585 21.1 15.32C21.1 17.4348 17.2083 19.8 12 19.8C6.7917 19.8 2.9 17.4348 2.9 15.32C2.9 14.1585 4.0789 12.9237 6 12.0445V9.9767C2.9919 11.1153 1 13.0813 1 15.32C1 18.8436 5.9249 21.7 12 21.7C18.0751 21.7 23 18.8436 23 15.32C23 13.0813 21.0081 11.1153 18 9.9767ZM12 4.5C12.3461 4.5 12.6845 4.39737 12.9722 4.20507C13.26 4.01278 13.4843 3.73947 13.6168 3.4197C13.7492 3.09993 13.7839 2.74806 13.7164 2.40859C13.6489 2.06913 13.4822 1.75731 13.2374 1.51256C12.9927 1.26782 12.6809 1.10115 12.3414 1.03363C12.0019 0.966101 11.6501 1.00076 11.3303 1.13321C11.0105 1.26566 10.7372 1.48997 10.5449 1.77775C10.3526 2.06554 10.25 2.40388 10.25 2.75C10.25 3.21413 10.4344 3.65925 10.7626 3.98744C11.0908 4.31563 11.5359 4.5 12 4.5ZM10.0127 18H13.9873V13H15.99V7.8247L15.6971 7.5317C15.2116 7.0461 14.6352 6.66089 14.0008 6.39807C13.3664 6.13526 12.6865 5.99999 11.9998 5.99999C11.3131 5.99999 10.6332 6.13526 9.99879 6.39807C9.3644 6.66089 8.788 7.0461 8.3025 7.5317L8.0096 7.8247V13H10.0125L10.0127 18Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Key.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Key = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M11.6934 9C11.033 7.85615 10.0136 6.96218 8.79342 6.45673C7.57315 5.95127 6.2202 5.8626 4.9444 6.20445C3.6686 6.5463 2.54125 7.29957 1.7372 8.34743C0.933137 9.3953 0.497314 10.6792 0.497314 12C0.497314 13.3208 0.933137 14.6047 1.7372 15.6526C2.54125 16.7004 3.6686 17.4537 4.9444 17.7956C6.2202 18.1374 7.57315 18.0487 8.79342 17.5433C10.0136 17.0378 11.033 16.1439 11.6934 15H12.836L14.836 13.75L16.836 15L18.836 13.75L20.836 15L23.5027 13.3333V9H11.6934ZM21.7027 12.3357L20.836 12.8773L19.79 12.2236L18.836 11.6273L17.882 12.2236L16.836 12.8773L15.79 12.2236L14.836 11.6273L13.882 12.2236L12.3198 13.2H10.656L10.136 14.0977C9.67415 14.8989 8.96076 15.5252 8.10654 15.8795C7.25231 16.2338 6.30503 16.2963 5.41168 16.0572C4.51833 15.8181 3.72886 15.2909 3.16578 14.5573C2.60269 13.8237 2.29747 12.9247 2.29747 12C2.29747 11.0752 2.60269 10.1762 3.16578 9.44264C3.72886 8.70904 4.51833 8.1818 5.41168 7.94273C6.30503 7.70365 7.25231 7.76611 8.10654 8.1204C8.96076 8.4747 9.67415 9.10103 10.136 9.9022L10.656 10.8H21.7027V12.3357ZM5.50277 10.55C5.21599 10.55 4.93565 10.635 4.69719 10.7944C4.45874 10.9537 4.27289 11.1802 4.16314 11.4451C4.0534 11.7101 4.02468 12.0016 4.08063 12.2829C4.13658 12.5642 4.27468 12.8225 4.47747 13.0253C4.68025 13.2281 4.93862 13.3662 5.21989 13.4221C5.50116 13.4781 5.79271 13.4494 6.05766 13.3396C6.32261 13.2299 6.54907 13.044 6.7084 12.8056C6.86773 12.5671 6.95277 12.2868 6.95277 12C6.95277 11.6154 6.8 11.2466 6.52807 10.9747C6.25615 10.7028 5.88733 10.55 5.50277 10.55Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/KeyFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const KeyFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12.4492 9.5C11.8788 8.25546 10.8999 7.24342 9.67504 6.63188C8.45017 6.02034 7.053 5.84607 5.71545 6.138C4.37789 6.42993 3.18039 7.1705 2.32173 8.23679C1.46306 9.30308 0.994873 10.631 0.994873 12C0.994873 13.369 1.46306 14.6969 2.32173 15.7632C3.18039 16.8295 4.37789 17.5701 5.71545 17.862C7.053 18.1539 8.45017 17.9797 9.67504 17.3681C10.8999 16.7566 11.8788 15.7445 12.4492 14.5H13.75L15.75 13.25L17.75 14.5L19.75 13.25L21.75 14.5L24 13.0938V9.5H12.4492ZM5.00003 13.5C4.70336 13.5 4.41335 13.412 4.16667 13.2472C3.92 13.0824 3.72774 12.8481 3.61421 12.574C3.50068 12.2999 3.47097 11.9983 3.52885 11.7074C3.58673 11.4164 3.72959 11.1491 3.93937 10.9393C4.14915 10.7296 4.41642 10.5867 4.70739 10.5288C4.99837 10.4709 5.29996 10.5006 5.57405 10.6142C5.84814 10.7277 6.08241 10.92 6.24723 11.1666C6.41206 11.4133 6.50003 11.7033 6.50003 12C6.50003 12.3978 6.34199 12.7794 6.06069 13.0607C5.77939 13.342 5.39785 13.5 5.00003 13.5Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Language.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+export const Language = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.47159 14.9091H2L5.76598 4H8.73828L12.4989 14.9091H10.0273L9.21967 12.4215H5.28084L4.47159 14.9091ZM7.29474 6.4929L8.6351 10.6211H5.86655L7.20952 6.4929H7.29474Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.0643 11C17.2148 11 18.1932 11.2184 18.9993 11.6552C19.8054 12.092 20.418 12.6974 20.837 13.4716C21.2596 14.2457 21.4709 15.1442 21.4709 16.1669V17.3175C21.4709 18.2692 21.2667 19.1126 20.8583 19.8477C20.4535 20.5827 19.8888 21.1598 19.1644 21.5788C18.4435 21.9979 17.6143 22.2074 16.6768 22.2074C15.7038 22.2074 14.8675 22.0067 14.168 21.6055C13.4719 21.2006 12.9375 20.6236 12.5646 19.8743C12.1918 19.125 12.0036 18.2266 12 17.179V15.9432H19.138C19.1212 15.5782 19.0625 15.2391 18.962 14.9258C18.8413 14.5458 18.6513 14.2156 18.392 13.935C18.1328 13.6545 17.799 13.4379 17.3906 13.2852C16.9822 13.1289 16.4904 13.0508 15.9151 13.0508C15.6204 13.0508 15.3097 13.0703 14.983 13.1094C14.6598 13.1484 14.342 13.2017 14.0295 13.2692C13.717 13.3331 13.4347 13.4023 13.1825 13.4769L12.8043 11.5646C12.9819 11.483 13.2411 11.3995 13.582 11.3143C13.9229 11.229 14.31 11.1563 14.7433 11.0959C15.1765 11.032 15.6168 11 16.0643 11ZM14.3171 17.8235H19.1145C19.0731 18.1767 18.9868 18.5017 18.8555 18.7983C18.6673 19.228 18.3849 19.5653 18.0085 19.8104C17.6321 20.0554 17.1634 20.1779 16.6023 20.1779C16.1016 20.1779 15.6825 20.0891 15.3452 19.9116C15.0078 19.7305 14.7521 19.4801 14.5781 19.1605C14.4077 18.8374 14.3207 18.4645 14.3171 18.0419V17.8235Z"
+      fill={props.fill ?? "black"}
+    />
+    <path d="M10 17H2V19H10V17Z" fill={props.fill ?? "black"} />
+  </svg>
+);

package/src/General/Law.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Law = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M7 2C6.20435 2 5.44129 2.31607 4.87868 2.87868C4.31607 3.44129 4 4.20435 4 5V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H20V2H7ZM18 20H7C6.73487 19.9997 6.48069 19.8943 6.29321 19.7068C6.10574 19.5193 6.00029 19.2651 6 19V7.8163C6.32031 7.93452 6.65859 7.99666 7 8H18V20ZM18 6H7C6.73478 6 6.48043 5.89464 6.29289 5.70711C6.10536 5.51957 6 5.26522 6 5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H18V6ZM15 11H9V13H15V11Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LawFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const LawFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M3.99999 7.4435V20C3.99999 20.5304 4.2107 21.0391 4.58578 21.4142C4.96085 21.7893 5.46956 22 5.99999 22H20V8H5.99999C5.29565 7.99597 4.60518 7.80384 3.99999 7.4435ZM8.99999 11H15V13H8.99999V11ZM5.99999 2C5.60146 1.99933 5.21191 2.11834 4.88179 2.3416C4.52656 2.58106 4.25761 2.92825 4.11453 3.33205C3.97146 3.73585 3.96182 4.17492 4.08704 4.58461C4.21227 4.9943 4.46573 5.35295 4.81011 5.60776C5.15449 5.86257 5.57159 6.00007 5.99999 6H20V2H5.99999Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Leaf.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Leaf = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M18.5753 1.91504H18.5742C6.95921 1.91534 -0.034286 7.00774 4.84701 18.5226C4.15161 19.6877 3.48811 20.8718 2.89221 22.0916L4.60781 22.9079C5.10161 21.8373 5.64631 20.7917 6.22221 19.7633C7.29395 19.9087 8.37364 19.9876 9.45511 19.9998C20.108 19.9998 21.8751 11.904 21.8751 2.04204C20.7398 1.95777 19.6398 1.91544 18.5753 1.91504ZM6.10101 16.5118C4.84471 13.014 4.85421 10.2145 6.14491 8.17424C7.91001 5.38384 12.2748 3.83984 18.44 3.81714C17.3006 4.63044 16.1825 5.47394 15.114 6.38074C13.4169 7.81975 11.82 9.37307 10.3347 11.0298C8.84696 12.6892 7.47648 14.4502 6.23321 16.2998C6.18671 16.3688 6.14711 16.4424 6.10101 16.5118ZM9.45511 18.0998C8.77691 18.0998 8.04511 18.0521 7.28851 17.9792C7.43351 17.7459 7.56211 17.5029 7.71121 17.2721C8.87826 15.4672 10.168 13.7447 11.5712 12.1166C14.0281 9.24647 16.8326 6.69316 19.92 4.51554C19.517 14.3538 16.5536 18.0998 9.45511 18.0998Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LeafFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const LeafFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M4.15192 16.6621C5.63696 14.613 7.31071 12.7076 9.15123 10.9708C12.3623 8.00854 15.872 5.38737 19.6239 3.1494L19.8467 3.4894C16.276 5.90579 12.9654 8.68582 9.96803 11.7849C7.07397 14.8177 4.7102 18.3153 2.97552 22.1316L4.60783 22.9083C5.10002 21.8417 5.64202 20.8002 6.21552 19.7749C19.7543 21.4934 21.8755 12.828 21.8755 2.0424C9.03053 1.0882 0.44463 5.4731 4.15192 16.6621Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/License.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+
+export const License = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1 2H23V19H16V17H21V4H3V17H14V19H1V3.00073V2Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 6H19V8H5V6Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 9.5H10V11.5H5V9.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 13H9V15H5V13Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 13.5C11 11.2909 12.7909 9.5 15 9.5C17.2091 9.5 19 11.2909 19 13.5C19 15.7091 17.2091 17.5 15 17.5C12.7909 17.5 11 15.7091 11 13.5ZM15 11.5C13.8954 11.5 13 12.3954 13 13.5C13 14.6046 13.8954 15.5 15 15.5C16.1046 15.5 17 14.6046 17 13.5C17 12.3954 16.1046 11.5 15 11.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 12.725V22.618L15 21.118L12 22.618V12.7828L13.778 15.1211C13.7812 15.1243 13.7857 15.1287 13.7915 15.134C13.8195 15.16 13.8771 15.2083 13.9679 15.2613C14.1427 15.3633 14.4697 15.5 15 15.5C15.5266 15.5 15.8511 15.3619 16.0252 15.2584C16.1157 15.2046 16.1735 15.1553 16.2018 15.1286C16.208 15.1227 16.2128 15.118 16.2161 15.1145L18 12.725ZM14 17.3924V19.382L15 18.882L16 19.382V17.3909C15.7042 17.4588 15.3713 17.5 15 17.5C14.6286 17.5 14.2957 17.4593 14 17.3924Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LicenseFilled.tsx

@@ -0,0 +1,57 @@
+import React from "react";
+
+export const LicenseFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1 2H23V19H16V17H21V4H3V17H14V19H1V3.00008V2Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 6H19V8H5V6Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 9.5H10V11.5H5V9.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 13H9V15H5V13Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      d="M15 16.5C16.6568 16.5 18 15.1568 18 13.5C18 11.8432 16.6568 10.5 15 10.5C13.3432 10.5 12 11.8432 12 13.5C12 15.1568 13.3432 16.5 15 16.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 13.5C11 11.2909 12.7909 9.5 15 9.5C17.2091 9.5 19 11.2909 19 13.5C19 15.7091 17.2091 17.5 15 17.5C12.7909 17.5 11 15.7091 11 13.5ZM15 11.5C13.8954 11.5 13 12.3954 13 13.5C13 14.6046 13.8954 15.5 15 15.5C16.1046 15.5 17 14.6046 17 13.5C17 12.3954 16.1046 11.5 15 11.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      d="M15 20L17 21V15.7361C17 15.7361 16.4297 16.5 15 16.5C13.5703 16.5 13 15.75 13 15.75V21L15 20Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 12.725V22.618L15 21.118L12 22.618V12.7828L13.778 15.1211C13.7812 15.1243 13.7857 15.1287 13.7915 15.134C13.8195 15.16 13.8771 15.2083 13.9679 15.2613C14.1427 15.3633 14.4697 15.5 15 15.5C15.5266 15.5 15.8511 15.3619 16.0252 15.2584C16.1157 15.2046 16.1735 15.1553 16.2018 15.1286C16.208 15.1227 16.2128 15.118 16.2161 15.1145L18 12.725ZM14 17.3924V19.382L15 18.882L16 19.382V17.3909C15.7042 17.4588 15.3713 17.5 15 17.5C14.6286 17.5 14.2957 17.4593 14 17.3924Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Licenses.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+
+export const Licenses = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2H21V22H3V3.00029V2ZM5 4V20H19V4H5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.5 9.5C8.5 7.56701 10.067 6 12 6C13.933 6 15.5 7.56701 15.5 9.5C15.5 11.433 13.933 13 12 13C10.067 13 8.5 11.433 8.5 9.5ZM12 7.75C11.0335 7.75 10.25 8.53351 10.25 9.5C10.25 10.4665 11.0335 11.25 12 11.25C12.9665 11.25 13.75 10.4665 13.75 9.5C13.75 8.53351 12.9665 7.75 12 7.75Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.2426 12.1213L9.12132 14.2426L8.76777 12.4749L7 12.1213L9.12132 10L11.2426 12.1213Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13 12.1213L15.1213 14.2427L15.4749 12.4749L17.2426 12.1213L15.1213 10L13 12.1213Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 16H16V18H8V16Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LicensesFilled.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+
+export const LicensesFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2H21V22H3V3.00029V2ZM5 4V20H19V4H5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.5 9.5C8.5 7.56701 10.067 6 12 6C13.933 6 15.5 7.56701 15.5 9.5C15.5 11.433 13.933 13 12 13C10.067 13 8.5 11.433 8.5 9.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.2426 12.1213L9.12132 14.2426L8.76777 12.4749L7 12.1213L9.12132 10L11.2426 12.1213Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13 12.1213L15.1213 14.2427L15.4749 12.4749L17.2426 12.1213L15.1213 10L13 12.1213Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 16H16V18H8V16Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Like.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Like = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M4 21H7V8.99998H4V21ZM19.5454 8.99998H13.9092L15.5223 3.35098C15.6295 2.97564 15.5902 2.57358 15.4123 2.22612C15.2344 1.87865 14.9312 1.61171 14.564 1.47928L13.376 1.05078L9 9.15328V21H18.2163L18.4963 20.7025C20.4723 18.5766 21.5628 15.7769 21.5451 12.8746V11C21.5451 10.4696 21.3344 9.96094 20.9594 9.58587C20.5844 9.21081 20.0758 9.00006 19.5454 8.99998Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/ListMenu.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const ListMenu = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M15 19.5858V21H16.4142L19.6365 17.7778L18.2222 16.3636L15 19.5858ZM21.0759 15.4191L20.5809 14.9241C20.5205 14.8637 20.4489 14.8158 20.37 14.7832C20.2911 14.7505 20.2066 14.7337 20.1213 14.7337C20.0359 14.7337 19.9514 14.7505 19.8725 14.7832C19.7936 14.8158 19.722 14.8637 19.6616 14.9241L19.0707 15.5151L20.4849 16.9293L21.0759 16.3383C21.1978 16.2164 21.2663 16.0511 21.2663 15.8787C21.2663 15.7063 21.1978 15.541 21.0759 15.4191ZM19 5H5V7H19V5ZM5 19H13V17H5V19ZM19 11H5V13H19V11Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/ListSquare.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const ListSquare = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M1 17H11V7H1V17ZM3 9H9V15H3V9ZM14 7V9H23V7H14ZM14 13H23V11H14V13ZM14 17H23V15H14V17Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Loader.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Loader = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Loan.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Loan = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C19.9976 14.121 19.154 16.1544 17.6542 17.6542C16.1544 19.154 14.121 19.9976 12 20ZM10.6594 9.908C10.6594 9.68379 10.5929 9.46463 10.4684 9.27821C10.3438 9.09179 10.1668 8.94649 9.95961 8.86069C9.75248 8.77489 9.52455 8.75244 9.30465 8.79618C9.08475 8.83992 8.88277 8.94789 8.72423 9.10642C8.56569 9.26496 8.45773 9.46695 8.41399 9.68685C8.37025 9.90674 8.39269 10.1347 8.47849 10.3418C8.56429 10.5489 8.70959 10.726 8.89601 10.8506C9.08243 10.9751 9.3016 11.0416 9.5258 11.0416C9.67467 11.0416 9.82209 11.0123 9.95963 10.9553C10.0972 10.8984 10.2221 10.8149 10.3274 10.7096C10.4327 10.6043 10.5162 10.4794 10.5731 10.3418C10.6301 10.2043 10.6594 10.0569 10.6594 9.908ZM14.4742 12.958C14.25 12.958 14.0308 13.0245 13.8444 13.149C13.6579 13.2736 13.5126 13.4506 13.4268 13.6577C13.341 13.8649 13.3185 14.0928 13.3623 14.3127C13.406 14.5326 13.514 14.7346 13.6725 14.8932C13.8311 15.0517 14.0331 15.1597 14.253 15.2034C14.4729 15.2472 14.7008 15.2247 14.908 15.1389C15.1151 15.0531 15.2921 14.9078 15.4167 14.7213C15.5413 14.5349 15.6077 14.3157 15.6077 14.0915C15.6076 13.7909 15.4881 13.5027 15.2756 13.2903C15.063 13.0778 14.7748 12.958 14.4742 12.958ZM12.7957 9L9.0884 15H11.2043L14.9116 9H12.7957Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LoanFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const LoanFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM8.3923 9.908C8.3923 9.68379 8.45879 9.46462 8.58336 9.2782C8.70792 9.09177 8.88497 8.94648 9.09212 8.86068C9.29926 8.77488 9.5272 8.75244 9.7471 8.79619C9.967 8.83994 10.169 8.94791 10.3275 9.10646C10.486 9.26501 10.594 9.467 10.6377 9.68691C10.6815 9.90681 10.659 10.1347 10.5732 10.3419C10.4874 10.549 10.3421 10.7261 10.1556 10.8506C9.96919 10.9752 9.75001 11.0416 9.5258 11.0416C9.37694 11.0416 9.22954 11.0123 9.09201 10.9553C8.95448 10.8983 8.82952 10.8148 8.72426 10.7096C8.61901 10.6043 8.53552 10.4793 8.47856 10.3418C8.4216 10.2043 8.39229 10.0569 8.3923 9.908ZM11.2043 15H9.0884L12.7957 9H14.9116L11.2043 15ZM14.4743 15.2255C14.2501 15.2255 14.0309 15.1591 13.8445 15.0345C13.6581 14.91 13.5127 14.7329 13.4269 14.5258C13.3411 14.3186 13.3186 14.0907 13.3624 13.8708C13.4061 13.6509 13.5141 13.4489 13.6726 13.2904C13.8311 13.1318 14.0331 13.0238 14.253 12.9801C14.4729 12.9363 14.7008 12.9588 14.908 13.0446C15.1151 13.1304 15.2922 13.2757 15.4168 13.4621C15.5413 13.6485 15.6078 13.8677 15.6078 14.0919C15.6078 14.3925 15.4884 14.6809 15.2758 14.8935C15.0632 15.1061 14.775 15.2255 14.4743 15.2255Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LocationUser.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+export const LocationUser = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M11.9998 2C9.87889 2.0023 7.84553 2.79502 6.3458 4.20424C4.84608 5.61347 4.00245 7.52414 4 9.51708C4 15.1694 11.1025 21.2413 11.4048 21.4968L11.9998 22L12.5948 21.4968C12.8972 21.2413 20 15.1697 20 9.51708C19.9975 7.52409 19.1538 5.61342 17.654 4.2042C16.1542 2.79498 14.1208 2.00228 11.9998 2ZM12 19.5C10.3399 17.9553 6 13.5623 6 9.5175C6 7.96714 6.83333 6.59627 8 5.5C9 4.5 10.756 4 12 4C13.3823 4 14.621 4.20424 16 5.5C17.1667 6.59627 18 7.96714 18 9.5175C18 13.5616 13.6605 17.9547 12 19.5Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      d="M12.8312 8.74024C12.5852 8.90465 12.2959 8.9924 12 8.9924C11.6032 8.9924 11.2226 8.83477 10.942 8.55417C10.6614 8.27358 10.5038 7.89302 10.5038 7.4962C10.5038 7.20028 10.5916 6.911 10.756 6.66496C10.9204 6.41891 11.154 6.22714 11.4274 6.11389C11.7008 6.00065 12.0017 5.97102 12.2919 6.02875C12.5821 6.08648 12.8487 6.22898 13.058 6.43823C13.2672 6.64747 13.4097 6.91407 13.4675 7.20431C13.5252 7.49454 13.4956 7.79538 13.3823 8.06877C13.2691 8.34217 13.0773 8.57584 12.8312 8.74024Z"
+      fill={props.fill ?? "black"}
+    />
+    <path
+      d="M9 12.9924V11.5863C9.39396 11.1923 9.86167 10.8798 10.3764 10.6666C10.8912 10.4534 11.4428 10.3436 12 10.3436C12.5572 10.3436 13.1089 10.4534 13.6236 10.6666C14.1383 10.8798 14.606 11.1923 15 11.5863V12.9924H9Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/LocationUserFilled.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+export const LocationUserFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.3458 4.20424C7.84553 2.79502 9.87889 2.0023 11.9998 2C14.1208 2.00228 16.1542 2.79498 17.654 4.2042C19.1538 5.61342 19.9975 7.52409 20 9.51708C20 15.1697 12.8972 21.2413 12.5948 21.4968L11.9998 22L11.4048 21.4968C11.1025 21.2413 4 15.1694 4 9.51708C4.00245 7.52414 4.84608 5.61347 6.3458 4.20424ZM12 8.9924C12.2959 8.9924 12.5852 8.90465 12.8312 8.74024C13.0773 8.57584 13.2691 8.34217 13.3823 8.06877C13.4956 7.79538 13.5252 7.49454 13.4675 7.20431C13.4097 6.91407 13.2672 6.64747 13.058 6.43823C12.8487 6.22898 12.5821 6.08648 12.2919 6.02875C12.0017 5.97102 11.7008 6.00065 11.4274 6.11389C11.154 6.22714 10.9204 6.41891 10.756 6.66496C10.5916 6.911 10.5038 7.20028 10.5038 7.4962C10.5038 7.89302 10.6614 8.27358 10.942 8.55417C11.2226 8.83477 11.6032 8.9924 12 8.9924ZM9 11.5863V12.9924H15V11.5863C14.606 11.1923 14.1383 10.8798 13.6236 10.6666C13.1089 10.4534 12.5572 10.3436 12 10.3436C11.4428 10.3436 10.8912 10.4534 10.3764 10.6666C9.86167 10.8798 9.39396 11.1923 9 11.5863Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Lock.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Lock = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M17 9V6C17 4.67392 16.4732 3.40215 15.5355 2.46447C14.5979 1.52678 13.3261 1 12 1C10.6739 1 9.40215 1.52678 8.46447 2.46447C7.52678 3.40215 7 4.67392 7 6V9H3V23H21V9H17ZM9 6C9 5.20435 9.31607 4.44129 9.87868 3.87868C10.4413 3.31607 11.2044 3 12 3C12.7956 3 13.5587 3.31607 14.1213 3.87868C14.6839 4.44129 15 5.20435 15 6V9H9V6ZM19 21H5V11H19V21ZM12 18C12.2652 18 12.5196 17.8946 12.7071 17.7071C12.8946 17.5196 13 17.2652 13 17V15C13 14.7348 12.8946 14.4804 12.7071 14.2929C12.5196 14.1054 12.2652 14 12 14C11.7348 14 11.4804 14.1054 11.2929 14.2929C11.1054 14.4804 11 14.7348 11 15V17C11 17.2652 11.1054 17.5196 11.2929 17.7071C11.4804 17.8946 11.7348 18 12 18Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/General/Logout.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const Logout = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);