gwan-design-system 0.1.13 → 0.1.14

package/src/components/icons/colorsSVG/index.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+const Colors = (): ReactNode => {
+  return (
+    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_897_109)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M26.25 5V3.125C26.25 1.40125 24.8475 0 23.125 0H3.125C1.4025 0 0 1.40125 0 3.125V8.125C0 9.84875 1.4025 11.25 3.125 11.25H23.125C24.8475 11.25 26.25 9.84875 26.25 8.125V6.25C27.6287 6.25 28.75 7.37125 28.75 8.75V11.25C28.75 12.6287 27.6287 13.75 26.25 13.75H16.875C14.4625 13.75 12.5 15.7125 12.5 18.125V18.8125C11.075 19.1025 10 20.365 10 21.875V26.875C10 28.5987 11.4025 30 13.125 30C14.8475 30 16.25 28.5987 16.25 26.875V21.875C16.25 20.365 15.175 19.1038 13.75 18.8125V18.125C13.75 16.4013 15.1525 15 16.875 15H26.25C28.3175 15 30 13.3175 30 11.25V8.75C30 6.6825 28.3175 5 26.25 5ZM25 8.125C25 9.15875 24.1588 10 23.125 10H3.125C2.09125 10 1.25 9.15875 1.25 8.125V3.125C1.25 2.09125 2.09125 1.25 3.125 1.25H23.125C24.1588 1.25 25 2.09125 25 3.125V8.125ZM15 21.875V26.875C15 27.9088 14.1587 28.75 13.125 28.75C12.0913 28.75 11.25 27.9088 11.25 26.875V21.875C11.25 20.8412 12.0913 20 13.125 20C14.1587 20 15 20.8412 15 21.875Z"
+          fill="currentcolor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_897_109">
+          <rect width="30" height="30" fill="currentcolor" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export { Colors };

package/src/components/icons/connectionSVG/index.tsx

@@ -0,0 +1,14 @@
+const Connection = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M12,14c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm0-3c-.55,0-1,.45-1,1s.45,1,1,1,1-.45,1-1-.45-1-1-1Zm8.49,9.49c4.68-4.68,4.68-12.29,0-16.97-.2-.2-.51-.2-.71,0s-.2,.51,0,.71c4.29,4.29,4.29,11.27,0,15.56-.2,.2-.2,.51,0,.71,.1,.1,.23,.15,.35,.15s.26-.05,.35-.15Zm-3.54-3.54c2.73-2.73,2.73-7.17,0-9.9-.2-.2-.51-.2-.71,0s-.2,.51,0,.71c2.34,2.34,2.34,6.15,0,8.49-.2,.2-.2,.51,0,.71,.1,.1,.23,.15,.35,.15s.26-.05,.35-.15Zm-12.73,3.54c.2-.2,.2-.51,0-.71C-.07,15.49-.07,8.51,4.22,4.22c.2-.2,.2-.51,0-.71s-.51-.2-.71,0C-1.16,8.19-1.16,15.81,3.51,20.49c.1,.1,.23,.15,.35,.15s.26-.05,.35-.15Zm3.54-3.54c.2-.2,.2-.51,0-.71-2.34-2.34-2.34-6.15,0-8.49,.2-.2,.2-.51,0-.71s-.51-.2-.71,0c-1.32,1.32-2.05,3.08-2.05,4.95s.73,3.63,2.05,4.95c.1,.1,.23,.15,.35,.15s.26-.05,.35-.15Z"
+      />
+    </svg>
+  );
+};
+
+export { Connection };

package/src/components/icons/coversSVG/index.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+const Covers = (): ReactNode => {
+  return (
+    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_897_107)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M30 4.37504V21.8263C30 24.3425 28.3075 26.5713 25.8825 27.245L16.9825 29.7213C15.685 30.0813 14.3138 30.0825 13.0163 29.7213L4.11625 27.245C1.6925 26.57 -2.36592e-07 24.3425 -2.36592e-07 21.8263V5.62504C-0.0125002 4.81379 1.2625 4.81379 1.25 5.62504V21.8263C1.25 23.7825 2.56625 25.5163 4.4525 26.0413L13.3538 28.5175C14.4312 28.8175 15.57 28.8175 16.6488 28.5175L25.5487 26.04C27.435 25.5163 28.7512 23.7825 28.7512 21.825V4.37504C28.7387 3.56379 30.0125 3.56379 30 4.37504ZM3.75 19.8888V4.37504C3.75 2.99004 4.38375 1.71629 5.49 0.882541C6.59625 0.0487912 7.995 -0.212459 9.32625 0.167541L13.3575 1.32004C14.03 1.51129 14.5988 1.92004 14.9987 2.45504C15.3987 1.92004 15.9688 1.51129 16.64 1.32004L20.6712 0.167541C22.0037 -0.212459 23.4025 0.0475412 24.5075 0.882541C25.6138 1.71629 26.2475 2.99004 26.2475 4.37504V19.8888C26.2475 21.8313 24.9425 23.5613 23.075 24.0963L16.0637 26.1C15.3663 26.2988 14.6288 26.2988 13.9313 26.1L6.92125 24.0963C5.0525 23.5625 3.7475 21.8313 3.7475 19.8888H3.75ZM15.625 4.32504V24.9225C15.6575 24.915 22.7337 22.8938 22.7337 22.8938C24.0675 22.5125 25 21.2775 25 19.8888V4.37504C25 3.38504 24.5475 2.47629 23.7562 1.88004C22.9637 1.28129 21.9562 1.09879 21.0162 1.37004L16.985 2.52254C16.1838 2.75129 15.625 3.49254 15.625 4.32504ZM5 19.8888C5 21.2763 5.9325 22.5125 7.26625 22.8938C7.26625 22.8938 14.3425 24.915 14.375 24.9225V4.32504C14.375 3.49254 13.8162 2.75129 13.015 2.52254L8.98375 1.37004C7.0725 0.758791 4.93875 2.36129 5 4.37504V19.8888Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_897_107">
+          <rect width="30" height="30" fill="currentColor" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export { Covers };

package/src/components/icons/cowSVG/index.tsx

@@ -0,0 +1,14 @@
+const Cow = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m23.818,2.441c-.189-.276-.502-.441-.837-.441h-1.45c.29-.419.469-.935.469-1.5,0-.276-.224-.5-.5-.5s-.5.224-.5.5c0,.827-.577,1.5-1.286,1.5h-6.428c-.709,0-1.286-.673-1.286-1.5,0-.276-.224-.5-.5-.5s-.5.224-.5.5c0,.565.179,1.081.469,1.5h-1.45c-.335,0-.647.165-.837.441-.193.282-.234.641-.111.961.364.941,1.363,1.598,2.43,1.598h.084l.368,2h-5.452c-1.093,0-2.082.407-2.862,1.057-.038.019-3.471,3.071-3.471,3.071-.206.184-.224.5-.04.706.099.11.236.167.373.167.119,0,.238-.042.333-.127l1.242-1.11c-.04.241-.075.485-.075.738v10c0,1.378,1.121,2.5,2.5,2.5,1.029,0,1.914-.626,2.297-1.516,2.809-.077,4.475-1.222,5.081-3.484h1.622c.275,0,.5.224.5.5v2c0,1.378,1.121,2.5,2.5,2.5s2.5-1.122,2.5-2.5v-5c0-.276-.224-.5-.5-.5s-.5.224-.5.5v5c0,.827-.673,1.5-1.5,1.5s-1.5-.673-1.5-1.5v-2c0-.827-.673-1.5-1.5-1.5h-6c-.827,0-1.5.673-1.5,1.5v2c0,.827-.673,1.5-1.5,1.5s-1.5-.673-1.5-1.5v-10c0-.09.02-.174.027-.263.729.482,1.582.763,2.473.763,2.31,0,4.197-1.756,4.449-4h2.186l.472,2.568c-.374.364-.608.87-.608,1.432,0,1.103.897,2,2,2h5c1.103,0,2-.897,2-2,0-.562-.234-1.068-.608-1.432l1.024-5.568h.084c1.066,0,2.065-.657,2.429-1.597.124-.32.083-.68-.11-.961ZM7.5,19h3.345c-.521,1.591-1.742,2.37-3.845,2.476v-1.976c0-.276.225-.5.5-.5Zm-2-8c-.826,0-1.609-.305-2.235-.828.524-1.273,1.775-2.172,3.235-2.172h2.449c-.245,1.692-1.691,3-3.449,3Zm13.5,2h-5c-.552,0-1-.449-1-1s.448-1,1-1h5c.552,0,1,.449,1,1s-.448,1-1,1Zm2.5-9h-.5c-.241,0-.448.172-.492.41l-1.04,5.651c-.151-.036-.306-.061-.468-.061h-5c-.162,0-.317.024-.468.061l-1.04-5.651c-.044-.237-.251-.41-.492-.41h-.5c-.642,0-1.285-.412-1.481-1l12.978.042c-.211.546-.854.958-1.496.958Zm-8,2c0-.552.448-1,1-1s1,.448,1,1-.448,1-1,1-1-.448-1-1Zm4,0c0-.552.448-1,1-1s1,.448,1,1-.448,1-1,1-1-.448-1-1Z"
+      />
+    </svg>
+  );
+};
+
+export { Cow };

package/src/components/icons/crabSVG/index.tsx

@@ -0,0 +1,14 @@
+const Crab = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m24,7.5s-.002-3.863-.017-4.01c-.086-.848-.497-1.61-1.156-2.148-.758-.618-2.086-1.054-3.065-1.31-.365-.097-.752.032-.988.328-.238.298-.275.692-.099,1.028.067.129.145.266.226.408.111.195.229.404.337.623-.371-.053-.711-.124-1.027-.214-.364-.105-.743.011-.987.303-.242.29-.291.696-.124,1.034l.221.462c.383.815.818,1.74,1.477,2.278.591.481,1.303.716,2.012.716.8,0,1.584-.317,2.191-.896v1.397c0,1.852-1.451,3.358-3.274,3.477-.695-2.39-2.657-3.369-4.772-3.748.018-.076.046-.148.046-.229,0-.552-.448-1-1-1s-1,.448-1,1c0,.008.005.015.005.023-.341-.015-.679-.023-1.005-.023s-.663.009-1.005.023c0-.008.005-.015.005-.023,0-.552-.448-1-1-1s-1,.448-1,1c0,.081.028.153.046.229-2.115.379-4.077,1.358-4.772,3.748-1.823-.119-3.274-1.625-3.274-3.477v-1.397c.607.58,1.391.896,2.191.896.708,0,1.421-.234,2.012-.716.659-.538,1.093-1.463,1.477-2.278l.221-.462c.167-.338.119-.744-.124-1.034-.244-.292-.625-.408-.987-.303-.316.09-.656.161-1.027.214.107-.219.226-.428.337-.623.081-.143.158-.279.226-.407.176-.337.139-.731-.099-1.029-.235-.295-.623-.425-.987-.328-.98.256-2.308.691-3.065,1.31C.513,1.88.103,2.643.017,3.489c-.015.147-.017,4.011-.017,4.011,0,2.334,1.792,4.235,4.068,4.456-.042.328-.068.672-.068,1.044,0,.32.047.657.112,1h-.369c-.935,0-1.813.364-2.475,1.025l-1.121,1.121c-.195.195-.195.512,0,.707.098.098.226.146.354.146s.256-.049.354-.146l1.121-1.121c.473-.473,1.101-.732,1.768-.732h.627c.333,1.03.847,2.075,1.379,3h-.506c-.935,0-1.813.364-2.475,1.025l-1.121,1.121c-.195.195-.195.512,0,.707.098.098.226.146.354.146s.256-.049.354-.146l1.121-1.121c.473-.473,1.101-.732,1.768-.732h1.118c.328.487.737.896,1.204,1.215l-2.448,2.963c-.178.211-.151.526.06.705.094.078.208.117.322.117.143,0,.284-.061.383-.178l2.625-3.115c.5.188,1.035.292,1.588.292h3.801c.556,0,1.093-.105,1.594-.295l2.627,3.117c.099.117.24.178.383.178.114,0,.228-.039.322-.117.211-.179.238-.494.06-.705l-2.449-2.967c.465-.318.871-.726,1.197-1.211h1.127c.667,0,1.295.26,1.768.732l1.121,1.121c.098.098.226.146.354.146s.256-.049.354-.146c.195-.195.195-.512,0-.707l-1.121-1.121c-.662-.661-1.541-1.025-2.475-1.025h-.515c.532-.927,1.048-1.974,1.383-3h.632c.667,0,1.295.26,1.768.732l1.121,1.121c.098.098.226.146.354.146s.256-.049.354-.146c.195-.195.195-.512,0-.707l-1.121-1.121c-.662-.661-1.541-1.025-2.475-1.025h-.371c.066-.343.114-.681.114-1,0-.372-.026-.716-.068-1.044,2.276-.221,4.068-2.123,4.068-4.456Zm-1.493-2.306c-.762.936-2.143,1.075-3.078.313-.483-.394-.866-1.209-1.205-1.928-.068-.146-.135-.288-.205-.389.576.157,1.213.258,1.946.308.163.016.318-.058.421-.183.103-.126.138-.293.095-.449-.167-.604-.469-1.137-.712-1.563-.075-.133-.147-.259-.262-.305,1.25.327,2.204.724,2.687,1.118.453.369.735.893.794,1.474s-.112,1.151-.481,1.604ZM1.011,3.591c.059-.581.341-1.104.794-1.474.482-.395,1.437-.791,2.634-1.191-.062.119-.134.245-.209.378-.243.427-.545.959-.712,1.563-.043.156-.008.323.095.449.102.125.255.197.421.183.722-.049,1.353-.148,1.922-.302-.059.123-.12.251-.181.383-.338.719-.721,1.534-1.204,1.928-.935.762-2.317.622-3.079-.313-.369-.452-.54-1.022-.481-1.604Zm13.839,4.64l-.759,1.708c-.294.662-.481,1.358-.57,2.066-.007,0-.013-.004-.021-.004h-3c-.007,0-.013.004-.02.004-.089-.705-.275-1.399-.568-2.059l-.762-1.714c.819-.153,1.762-.231,2.85-.231s2.031.078,2.85.231Zm-7.725,10.123c-.969-1.539-2.125-3.717-2.125-5.354,0-2.394.978-3.849,3.161-4.532l.837,1.883c.625,1.405.716,2.987.257,4.455l-1.374,4.396c-.29-.238-.549-.52-.757-.849Zm2.97,1.646c-.466,0-.917-.093-1.333-.264l1.447-4.63c.215-.688.32-1.397.328-2.105h2.926c.008.711.113,1.423.329,2.113l1.443,4.619c-.418.173-.871.268-1.34.268h-3.801Zm4.652-5.186c-.46-1.473-.369-3.06.258-4.47l.834-1.876c2.182.683,3.161,2.138,3.161,4.532,0,1.611-1.158,3.797-2.129,5.347-.207.33-.465.612-.754.851l-1.37-4.383Z"
+      />
+    </svg>
+  );
+};
+
+export { Crab };

package/src/components/icons/crossSVG/index.tsx

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+const Cross = (): ReactNode => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-150 -150 800 800">
+      <g>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M286.161,255.867L505.745,36.283c8.185-8.474,7.951-21.98-0.523-30.165c-8.267-7.985-21.375-7.985-29.642,0   L255.995,225.702L36.411,6.118c-8.475-8.185-21.98-7.95-30.165,0.524c-7.985,8.267-7.985,21.374,0,29.641L225.83,255.867   L6.246,475.451c-8.328,8.331-8.328,21.835,0,30.165l0,0c8.331,8.328,21.835,8.328,30.165,0l219.584-219.584l219.584,219.584   c8.331,8.328,21.835,8.328,30.165,0l0,0c8.328-8.331,8.328-21.835,0-30.165L286.161,255.867z"
+          fill="currentColor"
+        />
+      </g>
+    </svg>
+  );
+};
+
+export { Cross };

package/src/components/icons/csvSVG/index.tsx

@@ -0,0 +1,14 @@
+const Csv = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m8.873,17.673c-.276.772-1.022,1.327-1.898,1.327-1.086,0-1.967-.881-1.967-1.967l-.008-2.066c0-1.086.881-1.967,1.967-1.967.879,0,1.628.559,1.901,1.336.112.319-.13.653-.468.658h-.004c-.21.003-.405-.123-.475-.322-.137-.395-.513-.672-.955-.672-.533,0-.967.434-.967.967l.008,2.063c0,.537.434.97.967.97.443,0,.821-.279.957-.666.069-.195.26-.319.466-.319.341,0,.59.337.475.658Zm3.927-2.12c-.463-.173-1.327-.54-1.327-.54-.143-.096-.21-.256-.188-.438.016-.108.092-.369.459-.481.758-.234,1.431.33,1.438.335.212.182.532.154.71-.061l.019-.023c.175-.21.148-.522-.06-.7l-.016-.014c-.013-.01-1.101-.931-2.385-.531-.637.193-1.088.701-1.177,1.325-.084.603.185,1.154.736,1.51.003,0,.687.309,1.435.59.185.069.786.329.706.788-.057.315-.41.648-.953.648-.514,0-1.008-.212-1.323-.565-.189-.211-.513-.227-.722-.035l-.01.01c-.204.188-.219.504-.034.71l.01.012c.514.575,1.272.906,2.079.906.982,0,1.806-.632,1.959-1.502.115-.651-.182-1.504-1.356-1.945Zm5.593-2.552c-.239,0-.445.168-.493.401l-.797,3.855-.918-3.869c-.054-.227-.257-.387-.49-.387-.328,0-.618.308-.537.626l1.204,4.78c.088.349.402.593.761.593.372,0,.693-.261.768-.625l.995-4.769c.065-.313-.173-.606-.493-.606Zm3.607-3.015v9.515c0,2.481-2.019,4.5-4.5,4.5H6.5c-2.481,0-4.5-2.019-4.5-4.5V4.5C2,2.019,4.019,0,6.5,0h5.515c1.736,0,3.369.677,4.597,1.904l3.484,3.484c1.228,1.228,1.904,2.86,1.904,4.597Zm-8-3.485c0,.827.673,1.5,1.5,1.5h5.132c-.273-.706-.693-1.353-1.244-1.904l-3.484-3.484c-.551-.551-1.199-.971-1.904-1.244v5.132Zm7,3.485c0-.334-.03-.663-.088-.985h-5.412c-1.379,0-2.5-1.121-2.5-2.5V1.088c-.322-.058-.651-.088-.985-.088h-5.515c-1.93,0-3.5,1.57-3.5,3.5v15c0,1.93,1.57,3.5,3.5,3.5h11c1.93,0,3.5-1.57,3.5-3.5v-9.515Z"
+      />
+    </svg>
+  );
+};
+
+export { Csv };

package/src/components/icons/dashboardSVG/index.tsx

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+
+const Dashboard = (): ReactNode => {
+  return (
+    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15 1.25C6.72875 1.25 0 7.97875 0 16.25C0 21.14 2.435 25.77 6.51625 28.6362L6.6775 28.75H23.3225L23.4838 28.6362C27.565 25.77 30 21.14 30 16.25C30 7.97875 23.2712 1.25 15 1.25ZM22.925 27.5H7.075C3.4775 24.895 1.25 20.6012 1.25 16.25C1.25 8.66875 7.41875 2.5 15 2.5C22.5812 2.5 28.75 8.66875 28.75 16.25C28.75 20.6012 26.5225 24.895 22.925 27.5ZM22.4613 9.6725L21.5775 8.78875L16.2688 14.0975C15.8963 13.8775 15.4625 13.75 15 13.75C13.6213 13.75 12.5 14.8713 12.5 16.25C12.5 17.6287 13.6213 18.75 15 18.75C16.3787 18.75 17.5 17.6287 17.5 16.25C17.5 15.7875 17.3725 15.3537 17.1525 14.9812L22.4613 9.6725ZM15 17.5C14.31 17.5 13.75 16.94 13.75 16.25C13.75 15.56 14.31 15 15 15C15.69 15 16.25 15.56 16.25 16.25C16.25 16.94 15.69 17.5 15 17.5ZM8.8125 10.0625C5.40125 13.4738 5.40125 19.0263 8.8125 22.4375L7.92875 23.3212C4.03125 19.4225 4.03125 13.0775 7.92875 9.17875C11.0562 6.05125 15.7537 5.43875 19.5037 7.3275L18.5637 8.2675C15.35 6.83875 11.4462 7.43 8.8125 10.0612V10.0625ZM22.0712 23.3212L21.1875 22.4375C23.8188 19.805 24.4113 15.9012 22.9813 12.6863L23.9212 11.7463C25.8087 15.4963 25.1962 20.1937 22.0712 23.3212Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export { Dashboard };

package/src/components/icons/diceSVG/index.tsx

@@ -0,0 +1,14 @@
+const Dice = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M20.718,4.43L14.417,.666c-1.49-.889-3.344-.889-4.834,0L3.283,4.43c-1.408,.842-2.283,2.38-2.283,4.016v7.109c0,1.636,.875,3.174,2.283,4.016l6.3,3.764c.746,.444,1.581,.667,2.417,.667s1.672-.223,2.418-.667l6.3-3.765c1.407-.841,2.282-2.38,2.282-4.015v-7.109c0-1.635-.875-3.174-2.282-4.016ZM3.795,5.289L10.096,1.525c1.175-.703,2.635-.701,3.809,0l6.3,3.763c.412,.247,.767,.569,1.049,.943l-9.253,5.195L2.746,6.232c.282-.374,.636-.697,1.049-.943Zm0,13.422c-1.107-.661-1.795-1.871-1.795-3.156v-7.109c0-.465,.09-.919,.258-1.342l9.242,5.189v10.675c-.488-.067-.966-.231-1.404-.492l-6.3-3.764Zm18.205-3.156c0,1.285-.688,2.495-1.796,3.156l-6.299,3.764c-.439,.262-.917,.427-1.405,.493V12.292l9.242-5.189c.167,.423,.258,.877,.258,1.342v7.109Z"
+      />
+    </svg>
+  );
+};
+
+export { Dice };

package/src/components/icons/dolphinSVG/index.tsx

@@ -0,0 +1,14 @@
+const Dolphin = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m19,6c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Zm5,2.5c0,.827-.673,1.5-1.5,1.5h-5.899c-.466,0-.972.034-1.492.097-.101,1.158-.444,2.512-1.029,4.038-.195.507-.748.865-1.315.865-.491-.038-.96-.351-1.059-.81-.217-1.013-.499-1.834-.84-2.44-.53.416-1.026.913-1.455,1.534-.785,1.138-1.582,3.344-2.026,5.108,1.709.661,3.05,2.13,3.478,3.852.116.465-.009.955-.333,1.312-.266.293-.636.455-1.018.455-.067,0-.135-.005-.202-.016-2.083-.317-3.316-1.418-3.913-2.127-.59.712-1.817,1.812-3.922,2.127-.454.071-.908-.098-1.219-.439-.324-.356-.448-.847-.333-1.312.467-1.88,1.943-3.396,3.83-3.98-.382-1.656-.752-3.909-.752-5.764,0-2.193.343-4.04.921-5.596-.793-1.732-1.957-3.225-3.478-4.429C.019,2.141-.112,1.603.1,1.071.328.501,1-.064,1.77.006c2.319.214,4.41.794,6.238,1.705,1.853-1.188,3.987-1.711,5.992-1.711,5.017,0,7.749,3.443,7.983,7h.517c.827,0,1.5.673,1.5,1.5ZM4.433,5.721c.696-1.387,1.608-2.485,2.647-3.335-1.604-.725-3.408-1.2-5.403-1.384-.271-.018-.556.207-.649.44-.067.168,0,.221.036.249,1.394,1.104,2.532,2.489,3.369,4.03Zm9.648,4.552c-.808.181-1.623.476-2.395.924.392.694.76,1.669.998,2.784.013.016.093.032.21-.002.12-.038.219-.117.252-.203.508-1.324.814-2.493.935-3.503Zm8.919-1.774c0-.275-.224-.5-.5-.5h-1c-.276,0-.5-.224-.5-.5,0-3.23-2.404-6.5-7-6.5C6.18,1,3.718,8.692,4,12.5c.144,1.945.433,4.379.837,6.002.033.132.011.271-.061.386s-.187.196-.319.225c-1.722.369-3.155,1.725-3.564,3.373-.035.141.003.288.102.397.052.057.165.148.332.124,2.603-.39,3.584-2.16,3.625-2.235.087-.161.256-.264.44-.264h0c.183,0,.352.1.44.26.041.073,1.052,1.847,3.627,2.239.164.023.278-.066.331-.124.099-.108.137-.257.102-.396-.381-1.533-1.653-2.823-3.241-3.288-.253-.074-.406-.333-.347-.591.422-1.855,1.317-4.49,2.283-5.892,1.677-2.431,4.448-3.716,8.013-3.716h5.899c.276,0,.5-.225.5-.5Z"
+      />
+    </svg>
+  );
+};
+
+export { Dolphin };

package/src/components/icons/doorOpenSVG/index.tsx

@@ -0,0 +1,14 @@
+const DoorOpen = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M23.5,23h-3.5V5.5c0-1.93-1.57-3.5-3.5-3.5h-.837c-.218-.46-.538-.872-.944-1.205-.814-.667-1.873-.93-2.906-.726L7.617,.908c-2.096,.419-3.617,2.275-3.617,4.413V23H.5c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5H23.5c.276,0,.5-.224,.5-.5s-.224-.5-.5-.5ZM16.5,3c1.378,0,2.5,1.121,2.5,2.5V23h-3V3.501c0-.169-.012-.336-.036-.501h.536ZM5,5.321c0-1.663,1.183-3.106,2.813-3.433l4.196-.839c.735-.15,1.494,.041,2.076,.519,.581,.477,.915,1.181,.915,1.933V23H5V5.321Zm8,6.679c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z"
+      />
+    </svg>
+  );
+};
+
+export { DoorOpen };

package/src/components/icons/dotFillSVG/index.tsx

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+
+const DotFill = (): ReactNode => {
+  return (
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12,17c-2.76,0-5-2.24-5-5s2.24-5,5-5,5,2.24,5,5-2.24,5-5,5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export { DotFill };

package/src/components/icons/downFolderSVG/index.tsx

@@ -0,0 +1,14 @@
+const DownFolder = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M19.5,3h-7.028c-.231,0-.464-.055-.671-.158l-3.156-1.578c-.345-.173-.732-.264-1.118-.264h-3.028C2.019,1,0,3.019,0,5.5v13c0,2.481,2.019,4.5,4.5,4.5h3c.276,0,.5-.224,.5-.5s-.224-.5-.5-.5h-3c-1.93,0-3.5-1.57-3.5-3.5V8H23v10.5c0,1.93-1.57,3.5-3.5,3.5h-3c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5h3c2.481,0,4.5-2.019,4.5-4.5V7.5c0-2.481-2.019-4.5-4.5-4.5ZM1,5.5c0-1.93,1.57-3.5,3.5-3.5h3.028c.231,0,.464,.055,.671,.158l3.156,1.578c.345,.173,.732,.264,1.118,.264h7.028c1.76,0,3.221,1.306,3.464,3H1v-1.5Zm14.912,14.35l-2.515,2.57c-.386,.386-.891,.579-1.396,.58h-.003c-.504,0-1.008-.192-1.392-.576l-2.519-2.574c-.193-.197-.189-.514,.008-.707,.198-.191,.515-.189,.707,.008l2.515,2.57c.056,.056,.117,.103,.183,.142V12.5c0-.276,.224-.5,.5-.5s.5,.224,.5,.5v9.362c.066-.04,.129-.088,.187-.145l2.511-2.566c.193-.197,.51-.199,.707-.008,.197,.193,.201,.51,.008,.707Z"
+      />
+    </svg>
+  );
+};
+
+export { DownFolder };

package/src/components/icons/downloadSVG/index.tsx

@@ -0,0 +1,14 @@
+const Download = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M21.5,12h-3c-.827,0-1.5,.673-1.5,1.5,0,1.379-1.121,2.5-2.5,2.5h-5c-1.379,0-2.5-1.121-2.5-2.5,0-.827-.673-1.5-1.5-1.5H2.5c-1.379,0-2.5,1.121-2.5,2.5v5c0,2.481,2.019,4.5,4.5,4.5h15c2.481,0,4.5-2.019,4.5-4.5v-5c0-1.379-1.121-2.5-2.5-2.5Zm1.5,7.5c0,1.93-1.57,3.5-3.5,3.5H4.5c-1.93,0-3.5-1.57-3.5-3.5v-5c0-.827,.673-1.5,1.5-1.5h3c.275,0,.5,.225,.5,.5,0,1.93,1.57,3.5,3.5,3.5h5c1.93,0,3.5-1.57,3.5-3.5,0-.275,.225-.5,.5-.5h3c.827,0,1.5,.673,1.5,1.5v5ZM7.646,7.268c-.195-.195-.195-.512,0-.707s.512-.195,.707,0l3.146,3.146V.5c0-.276,.224-.5,.5-.5s.5,.224,.5,.5V9.707l3.146-3.146c.195-.195,.512-.195,.707,0s.195,.512,0,.707l-3.293,3.293c-.257,.257-.589,.381-.925,.412-.044,.013-.087,.027-.135,.027s-.091-.015-.135-.027c-.337-.031-.668-.155-.925-.412l-3.293-3.293Z"
+      />
+    </svg>
+  );
+};
+
+export { Download };

package/src/components/icons/eclipseSVG/index.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+const Eclipse = (): ReactNode => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 550 600"
+        width="40"
+        height="40"
+        fill="currentColor"
+      >
+        <g>
+          <circle cx="256" cy="42.667" r="42.667" />
+          <circle cx="256" cy="256" r="42.667" />
+          <circle cx="256" cy="469.333" r="42.667" />
+        </g>
+      </svg>
+    </>
+  );
+};
+
+export { Eclipse };

package/src/components/icons/editSVG/index.tsx

@@ -0,0 +1,14 @@
+const Edit = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m4.5,1h5.515c.334,0,.663.03.985.088v5.412c0,1.378,1.122,2.5,2.5,2.5h5.411c.033.178.057.359.071.541.022.275.274.479.539.458.275-.022.48-.264.458-.539-.125-1.536-.793-2.981-1.883-4.07l-3.485-3.485c-1.228-1.228-2.86-1.904-4.596-1.904h-5.515C2.019,0,0,2.019,0,4.5v15c0,2.481,2.019,4.5,4.5,4.5h4c.276,0,.5-.224.5-.5s-.224-.5-.5-.5h-4c-1.93,0-3.5-1.57-3.5-3.5V4.5c0-1.93,1.57-3.5,3.5-3.5Zm12.889,5.096c.545.545.965,1.195,1.24,1.904h-5.129c-.827,0-1.5-.673-1.5-1.5V1.368c.706.273,1.353.692,1.904,1.243l3.485,3.485Zm5.878,5.636c-.943-.944-2.592-.944-3.535,0l-7.707,7.707c-.661.661-1.025,1.54-1.025,2.475v1.586c0,.276.224.5.5.5h1.586c.935,0,1.814-.364,2.475-1.025l7.707-7.707c.472-.472.732-1.1.732-1.768s-.26-1.296-.732-1.768Zm-.707,2.828l-7.707,7.707c-.472.472-1.1.732-1.768.732h-1.086v-1.086c0-.668.26-1.295.732-1.768l7.707-7.707c.566-.566,1.555-.566,2.121,0,.283.283.439.66.439,1.061s-.156.777-.439,1.061Z"
+      />
+    </svg>
+  );
+};
+
+export { Edit };

package/src/components/icons/elephantSVG/index.tsx

@@ -0,0 +1,14 @@
+const Elephant = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m17,9c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Zm7,8.5v2.899c0,1.279-.902,2.383-2.099,2.569-.132.021-.264.03-.395.03-.593,0-1.165-.207-1.615-.593-.555-.476-.873-1.171-.872-1.908v-2.499h-2.495c-.275,0-.5.224-.5.5v2.002c0,1.377-1.121,2.498-2.498,2.498-.668,0-1.296-.26-1.768-.733-.473-.473-.731-1.102-.73-1.77l.004-1.996c0-.134-.052-.259-.146-.354-.094-.095-.22-.147-.354-.147h-5.024c-.275,0-.499.224-.5.499l-.004,2.008c-.002,1.375-1.123,2.493-2.498,2.493-1.385,0-2.506-1.121-2.506-2.498v-12.002C0,5.467,2.468,3,5.5,3h2.766c1.01-1.221,2.535-2,4.239-2,2.352,0,4.463,1.545,5.201,3.783,1.434.907,2.314,2.487,2.313,4.169v11.547c0,.445.19.863.522,1.148.332.284.757.403,1.205.333.715-.111,1.253-.791,1.253-1.581v-2.899c0-.276.224-.5.5-.5s.5.224.5.5Zm-4.98-.5v-7.998c0-1.464-.741-2.738-1.985-3.458-.111-.064-.193-.169-.229-.293-.556-1.915-2.324-3.251-4.3-3.251-2.481,0-4.5,2.019-4.5,4.5s2.019,4.5,4.5,4.5c.276,0,.5.224.5.5s-.224.5-.5.5c-3.032,0-5.5-2.467-5.5-5.5,0-.901.222-1.749.607-2.5h-2.112c-2.481,0-4.5,2.019-4.5,4.5v12.002c0,.826.672,1.498,1.498,1.498.832,0,1.505-.671,1.506-1.495l.004-2.008c0-.826.675-1.497,1.5-1.497h5.024c.401,0,.778.156,1.062.44.283.284.439.661.438,1.062l-.004,1.996c0,.401.155.778.438,1.062.283.283.66.439,1.061.439.826,0,1.498-.672,1.498-1.498v-2.002c0-.827.673-1.5,1.5-1.5h2.495Z"
+      />
+    </svg>
+  );
+};
+
+export { Elephant };

package/src/components/icons/fenceSVG/index.tsx

@@ -0,0 +1,14 @@
+const Fence = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M23.5,17h-.5V8h.5c.276,0,.5-.224,.5-.5s-.224-.5-.5-.5h-.5V3c0-.461-.187-.911-.513-1.237l-1.25-1.25c-.683-.682-1.792-.682-2.475,0l-1.25,1.25c-.326,.326-.513,.776-.513,1.237V7h-2V3c0-.461-.187-.911-.513-1.237l-1.25-1.25c-.683-.682-1.792-.682-2.475,0l-1.25,1.25c-.326,.326-.513,.776-.513,1.237V7h-2V3c0-.461-.187-.911-.513-1.237l-1.25-1.25C4.555-.169,3.445-.169,2.763,.513L1.513,1.763c-.326,.326-.513,.776-.513,1.237V7H.5c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5h.5v9H.5c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5h.5v4c0,1.103,.897,2,2,2h2c1.103,0,2-.897,2-2v-4h2v4c0,1.103,.897,2,2,2h2c1.103,0,2-.897,2-2v-4h2v4c0,1.103,.897,2,2,2h2c1.103,0,2-.897,2-2v-4h.5c.276,0,.5-.224,.5-.5s-.224-.5-.5-.5Zm-1.5,0h-4V8h4v9ZM18,3c0-.197,.08-.391,.22-.53l1.25-1.25c.146-.146,.338-.22,.53-.22s.384,.073,.53,.22l1.25,1.25c.14,.14,.22,.333,.22,.53V7h-4V3Zm-8,0c0-.197,.08-.391,.22-.53l1.25-1.25c.146-.146,.338-.22,.53-.22s.384,.073,.53,.22l1.25,1.25c.14,.14,.22,.333,.22,.53V7h-4V3Zm4,5v9h-4V8h4ZM2,3c0-.197,.08-.391,.22-.53l1.25-1.25c.146-.146,.338-.22,.53-.22s.384,.073,.53,.22l1.25,1.25c.14,.14,.22,.333,.22,.53V7H2V3Zm0,5H6v9H2V8Zm4,14c0,.552-.449,1-1,1H3c-.551,0-1-.448-1-1v-4H6v4Zm1-5V8h2v9h-2Zm7,5c0,.552-.449,1-1,1h-2c-.551,0-1-.448-1-1v-4h4v4Zm1-5V8h2v9h-2Zm7,5c0,.552-.449,1-1,1h-2c-.551,0-1-.448-1-1v-4h4v4Z"
+      />
+    </svg>
+  );
+};
+
+export { Fence };

package/src/components/icons/filterSVG/index.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+const Filter = (): ReactNode => {
+  return (
+    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_918_510)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M22.4456 0H5.55342C3.13492 0 1.16675 1.96933 1.16675 4.38783C1.16675 5.4635 1.55991 6.4995 2.27508 7.30217L10.5001 16.5562V23.9178C10.5001 24.1232 10.6074 24.3133 10.7836 24.4183L16.6169 27.9183C16.7091 27.9743 16.8129 28.0012 16.9167 28.0012C17.0159 28.0012 17.1151 27.9767 17.2037 27.9265C17.3869 27.8227 17.5001 27.6278 17.5001 27.4178V16.5562L25.7263 7.30217C26.4403 6.4995 26.8334 5.4635 26.8334 4.38783C26.8334 1.96933 24.8641 0 22.4456 0ZM24.8524 6.5275L16.4792 15.946C16.3847 16.0533 16.3322 16.191 16.3322 16.3333V26.3865L11.6656 23.5865V16.3333C11.6656 16.191 11.6131 16.0533 11.5186 15.946L3.14658 6.5275C2.62158 5.93717 2.33341 5.17767 2.33341 4.38783C2.33341 2.61217 3.77775 1.16667 5.55342 1.16667H22.4456C24.2212 1.16667 25.6667 2.611 25.6667 4.38783C25.6667 5.17767 25.3774 5.93717 24.8524 6.5275Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_918_510">
+          <rect width="28" height="28" rx="8" fill="currentColor" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export { Filter };

package/src/components/icons/filtersSVG/index.tsx

@@ -0,0 +1,14 @@
+const Filters = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M15.5,20c-.106,0-.212-.034-.3-.1l-4-3c-.126-.094-.2-.243-.2-.4v-3.301L3.869,5.667c-.564-.635-.869-1.437-.869-2.27,0-1.874,1.524-3.398,3.398-3.398h14.203c1.874,0,3.398,1.524,3.398,3.398,0,.833-.305,1.635-.858,2.258l-7.142,7.543v6.301c0,.189-.107,.362-.276,.447-.07,.035-.147,.053-.224,.053Zm-3.5-3.75l3,2.25v-5.5c0-.128,.049-.251,.137-.344l7.268-7.676c.381-.428,.596-.994,.596-1.582,0-1.322-1.076-2.398-2.398-2.398H6.398c-1.322,0-2.398,1.076-2.398,2.398,0,.588,.215,1.154,.606,1.594l7.257,7.665c.088,.093,.137,.216,.137,.344v3.25Zm.724,7.697c.169-.085,.276-.258,.276-.447v-3c0-.276-.224-.5-.5-.5s-.5,.224-.5,.5v2l-3-2.25v-3.25c0-.128-.049-.251-.137-.344L1.606,8.992c-.392-.44-.606-1.006-.606-1.594,0-.695,.302-1.356,.828-1.812,.208-.181,.23-.497,.05-.705-.183-.209-.497-.232-.706-.05-.744,.646-1.172,1.582-1.172,2.567,0,.833,.305,1.635,.869,2.27l7.131,7.532v3.301c0,.157,.074,.306,.2,.4l4,3c.088,.066,.193,.1,.3,.1,.076,0,.153-.018,.224-.053Z"
+      />
+    </svg>
+  );
+};
+
+export { Filters };

package/src/components/icons/foxSVG/index.tsx

@@ -0,0 +1,14 @@
+const Fox = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m23.105.344c-.545-.365-1.228-.438-1.825-.193-1.273.519-2.108,1.944-2.758,3.27-.229.468-.71.706-1.184.571-1.223-.35-3.467-.992-5.339-.992s-4.115.642-5.339.992c-.466.134-.954-.102-1.183-.571C4.829,2.095,3.994.67,2.72.151,2.12-.094,1.437-.021.892.344c-.559.375-.892,1-.892,1.67v7.938c0,2.803,1.092,5.439,3.075,7.422l5.002,5.001c1.048,1.048,2.441,1.625,3.923,1.625s2.876-.577,3.923-1.625l5.002-5.001c1.983-1.983,3.075-4.621,3.075-7.425V2.018c0-.671-.334-1.297-.895-1.674Zm-14.321,21.324l-5.002-5.001c-1.794-1.794-2.782-4.18-2.782-6.715v-.82c.659.177,1.786.551,3,1.269v.6s.47,2.763,3.613,2.979c.827,1.42,1.387,3.221,1.387,5.521v1.5c0,.351.072.683.183.996-.134-.107-.275-.204-.399-.328Zm5.216-.668c0,1.103-.897,2-2,2s-2-.897-2-2v-.271c.301-.238,1.039-.729,2-.729s1.7.491,2,.729v.271Zm9-11.051c0,2.538-.988,4.923-2.782,6.718l-5.002,5.001c-.123.123-.264.221-.399.328.111-.313.183-.645.183-.996v-1.5c0-2.3.56-4.101,1.387-5.521,3.143-.216,3.613-2.979,3.613-2.979v-.6c1.214-.719,2.341-1.092,3-1.269v.817Zm0-1.845c-1.809.466-9,2.893-9,11.431-.494-.273-1.178-.535-2-.535s-1.506.262-2,.535c0-8.538-7.191-10.965-9-11.431V2.014c0-.336.168-.65.45-.84.166-.111.351-.167.537-.167.12,0,.24.023.355.07.962.393,1.671,1.627,2.237,2.784.439.896,1.431,1.355,2.355,1.093,1.173-.336,3.333-.954,5.065-.954s3.893.618,5.065.954c.927.263,1.916-.197,2.355-1.093.566-1.156,1.274-2.392,2.236-2.784.296-.12.62-.084.891.098.283.19.452.506.452.844v6.085Z"
+      />
+    </svg>
+  );
+};
+
+export { Fox };

package/src/components/icons/ghostSVG/index.tsx

@@ -0,0 +1,14 @@
+const Ghost = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m9,8c-1.103,0-2,.897-2,2s.897,2,2,2,2-.897,2-2-.897-2-2-2Zm0,3c-.551,0-1-.449-1-1s.449-1,1-1,1,.449,1,1-.449,1-1,1Zm6-3c-1.103,0-2,.897-2,2s.897,2,2,2,2-.897,2-2-.897-2-2-2Zm0,3c-.551,0-1-.449-1-1s.449-1,1-1,1,.449,1,1-.449,1-1,1ZM12,0C6.486,0,2,4.486,2,10v13.5c0,.234.167.5.5.5.19,0,.369-.109.452-.287.482-1.024,1.573-1.713,2.714-1.713,1.104,0,2.149.666,2.727,1.737.087.162.256.263.44.263h0c.184,0,.353-.102.44-.264.575-1.071,1.619-1.736,2.726-1.736,1.095,0,2.213.708,2.719,1.723.086.174.259.281.462.277.195-.006.369-.125.445-.304.413-.967,1.577-1.696,2.707-1.696,1.256,0,2.273.87,2.723,1.731.107.204.338.308.562.254.224-.055.381-.255.381-.485v-13.5C22,4.486,17.514,0,12,0Zm9,22.069c-.687-.617-1.611-1.069-2.667-1.069-1.227,0-2.451.623-3.182,1.557-.766-.955-1.949-1.557-3.152-1.557-1.222,0-2.38.595-3.167,1.592-.789-.997-1.947-1.592-3.166-1.592-.984,0-1.939.385-2.667,1.027v-12.027C3,5.038,7.038,1,12,1s9,4.038,9,9v12.069Z"
+      />
+    </svg>
+  );
+};
+
+export { Ghost };

package/src/components/icons/helicopterSVG/index.tsx

@@ -0,0 +1,14 @@
+const Helicopter = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M23.5,20c-.276,0-.5,.224-.5,.5,0,.827-.673,1.5-1.5,1.5h-2.5v-4h.5c2.481,0,4.5-2.019,4.5-4.5,0-4.136-3.364-7.5-7.5-7.5h-1.5V3h7.5c.276,0,.5-.224,.5-.5s-.224-.5-.5-.5h-7.5v-.5c0-.276-.224-.5-.5-.5s-.5,.224-.5,.5v.5H6.5c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5h7.5v3H1v-1.5c0-.276-.224-.5-.5-.5s-.5,.224-.5,.5v2.237c0,1.555,1.044,2.938,2.539,3.365l4.461,1.274v1.123c0,2.513,1.694,4.638,4,5.292v4.208H6.5c-.276,0-.5,.224-.5,.5s.224,.5,.5,.5h15c1.379,0,2.5-1.122,2.5-2.5,0-.276-.224-.5-.5-.5Zm-7-13c3.416,0,6.225,2.649,6.481,6h-6.481c-.827,0-1.5-.673-1.5-1.5V7h1.5Zm-8.5,5.5v-1.5c0-.223-.148-.419-.363-.481l-4.824-1.378c-.982-.28-1.692-1.14-1.799-2.141H14v4.5c0,1.378,1.121,2.5,2.5,2.5h6.464c-.243,1.694-1.704,3-3.464,3h-7c-2.481,0-4.5-2.019-4.5-4.5Zm4,5.477c.165,.015,.331,.023,.5,.023h5.5v4h-6v-4.023Z"
+      />
+    </svg>
+  );
+};
+
+export { Helicopter };

package/src/components/icons/hospitalSVG/index.tsx

@@ -0,0 +1,14 @@
+const Hospital = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M16,12h-2v-2c0-1.103-.897-2-2-2s-2,.897-2,2v2h-2c-1.103,0-2,.897-2,2s.897,2,2,2h2v2c0,1.103,.897,2,2,2s2-.897,2-2v-2h2c1.103,0,2-.897,2-2s-.897-2-2-2Zm0,3h-2.5c-.276,0-.5,.224-.5,.5v2.5c0,.552-.448,1-1,1s-1-.448-1-1v-2.5c0-.276-.224-.5-.5-.5h-2.5c-.552,0-1-.448-1-1s.448-1,1-1h2.5c.276,0,.5-.224,.5-.5v-2.5c0-.552,.448-1,1-1s1,.448,1,1v2.5c0,.276,.224,.5,.5,.5h2.5c.552,0,1,.448,1,1s-.448,1-1,1Zm6.017-9.169l-1.017-.686V1.5c0-.276-.224-.5-.5-.5s-.5,.224-.5,.5v2.97L14.518,.771c-1.529-1.033-3.507-1.033-5.034,0L1.983,5.831c-1.242,.838-1.983,2.232-1.983,3.729v9.939c0,2.481,2.019,4.5,4.5,4.5h15c2.481,0,4.5-2.019,4.5-4.5V9.561c0-1.497-.741-2.892-1.983-3.729Zm.983,13.669c0,1.93-1.57,3.5-3.5,3.5H4.5c-1.93,0-3.5-1.57-3.5-3.5V9.561c0-1.165,.576-2.249,1.542-2.901L10.043,1.599c.594-.401,1.275-.603,1.957-.603s1.363,.201,1.958,.603l7.5,5.061c.966,.652,1.542,1.736,1.542,2.901v9.939Z"
+      />
+    </svg>
+  );
+};
+
+export { Hospital };

package/src/components/icons/imageSVG/index.tsx

@@ -0,0 +1,14 @@
+const Image = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="M15,4.43c0,.2,.12,.39,.31,.47l2.66,1.12,1.07,2.66c.08,.19,.26,.31,.46,.31s.39-.12,.46-.31l1.06-2.66,2.66-1.06c.19-.08,.31-.26,.31-.46s-.12-.39-.31-.46l-2.66-1.06-1.06-2.66c-.15-.38-.78-.38-.93,0l-1.06,2.65-2.65,1c-.19,.07-.32,.25-.32,.46Zm3.53-.6c.13-.05,.23-.15,.29-.28l.68-1.7,.68,1.7c.05,.13,.15,.23,.28,.28l1.7,.68-1.7,.68c-.13,.05-.23,.15-.28,.28l-.68,1.7-.68-1.7c-.05-.12-.15-.22-.27-.28l-1.71-.72,1.69-.64Zm-4.02,5.66l-.53-2.11c-.06-.22-.26-.38-.48-.38s-.43,.16-.48,.38l-.53,2.1-2.1,.48c-.22,.05-.38,.25-.39,.48,0,.23,.15,.43,.37,.49l2.12,.57,.53,2.11c.06,.22,.26,.38,.48,.38s.43-.16,.48-.38l.53-2.11,2.11-.53c.22-.06,.38-.26,.38-.48s-.16-.43-.38-.48l-2.11-.53Zm-.53,1.13c-.18,.04-.32,.18-.36,.36l-.12,.46-.12-.46c-.04-.18-.18-.31-.35-.36l-.47-.13,.41-.09c.18-.04,.38-.23,.42-.42l.1-.42,.12,.46c.04,.18,.18,.32,.36,.36l.46,.12-.46,.12Zm9.52-2.62c-.28,0-.5,.22-.5,.5v11c0,.09,0,.19-.01,.28l-2.9-2.9c-1.15-1.15-3.02-1.15-4.17,0l-.58,.58c-.74,.74-1.94,.74-2.68,0l-5.58-5.58c-1.15-1.15-3.02-1.15-4.17,0l-1.92,1.92V4.5c0-1.93,1.57-3.5,3.5-3.5H15.5c.28,0,.5-.22,.5-.5s-.22-.5-.5-.5H4.5C2.02,0,0,2.02,0,4.5v15c0,2.48,2.02,4.5,4.5,4.5h15c2.48,0,4.5-2.02,4.5-4.5V8.5c0-.28-.22-.5-.5-.5Zm-4,15H4.5c-1.93,0-3.5-1.57-3.5-3.5v-4.29l2.62-2.62c.76-.76,2-.76,2.75,0l5.58,5.58c1.13,1.13,2.96,1.13,4.09,0l.58-.58c.76-.76,2-.76,2.75,0l3.33,3.33c-.54,1.23-1.77,2.09-3.2,2.09ZM7,5c.55,0,1,.45,1,1s-.45,1-1,1-1-.45-1-1,.45-1,1-1Z"
+      />
+    </svg>
+  );
+};
+
+export { Image };

package/src/components/icons/index.tsx

@@ -0,0 +1,107 @@
+export { Dashboard as DashboardSVG } from "./dashboardSVG";
+export { Orders as OrdersSVG } from "./ordersSVG";
+export { Products as ProductsSVG } from "./productsSVG";
+export { Templates as TemplatesSVG } from "./templatesSVG";
+export { Covers as CoversSVG } from "./coversSVG";
+export { Colors as ColorsSVG } from "./colorsSVG";
+export { SignIn as SignInSVG } from "./signInSVG";
+export { SignOut as SignOutSVG } from "./signOutSVG";
+export { Filter as FilterSVG } from "./filterSVG";
+export { ChevDown as ChevDownSVG } from "./chevDownSVG";
+export { Cross as CrossSVG } from "./crossSVG";
+export { OrderInfo as OrderInfoSVG } from "./orderInfoSVG";
+export { ChevLeft as ChevLeftSVG } from "./chevLeftSVG";
+export { ChevRight as ChevRightSVG } from "./chevRightSVG";
+export { ChevUp as ChevUpSVG } from "./chevUpSVG";
+export { Check as CheckSVG } from "./checkSVG";
+export { Circle as CircleSVG } from "./circleSVG";
+export { Upload as UploadSVG } from "./uploadSVG";
+export { ArrowLeft as ArrowLeftSVG } from "./arrowLeftSVG";
+export { ArrowRight as ArrowRightSVG } from "./arrowRightSVG";
+export { AlienFace as AlienFaceSVG } from "./alienFaceSVG";
+export { NewTab as NewTabSVG } from "./NewTabSVGG";
+export { Percentage as PercentageSVG } from "./percentageSVG";
+export { Balloons as BalloonsSVG } from "./balloonsSVG";
+export { ToDo as ToDoSVG } from "./toDoSVG";
+export { Basket as BasketSVG } from "./basketSVG";
+export { Bat as BatSVG } from "./batSVG";
+export { Battery as BatterySVG } from "./batterySVG";
+export { Bee as BeeSVG } from "./beeSVG";
+export { Binocular as BinocularSVG } from "./binocularSVG";
+export { Bird as BirdSVG } from "./birdSVG";
+export { Printer as PrinterSVG } from "./printerSVG";
+export { BoxFilled as BoxFilledSVG } from "./boxFilledSVG";
+export { Brain as BrainSVG } from "./brainSVG";
+export { BrightLow as BrightLowSVG } from "./brightLowSVG";
+export { BrightHigh as BrightHigh } from "./brightHighSVG";
+export { Cabin as CabinSVG } from "./cabinSVG";
+export { Cake as CakeSVG } from "./cakeSVG";
+export { Chart as ChartSVG } from "./chartSVG";
+export { City as CitySVG } from "./citySVG";
+export { Clock as ClockSVG } from "./clockSVG";
+export { Code as CodeSVG } from "./codeSVG";
+export { Coins as CoinsSVG } from "./coinsSVG";
+export { Cow as CowSVG } from "./cowSVG";
+export { Crab as CrabSVG } from "./crabSVG";
+export { Dice as DiceSVG } from "./diceSVG";
+export { Dolphin as DolphinSVG } from "./dolphinSVG";
+export { DoorOpen as DoorOpnSVG } from "./doorOpenSVG";
+export { Cocktail as CocktailSVG } from "./cocktailSVG";
+export { Elephant as ElephantSVG } from "./elephantSVG";
+export { Balance as BalanceSVG } from "./balanceSVG";
+export { Fence as FenceSVG } from "./fenceSVG";
+export { Csv as CsvSVG } from "./csvSVG";
+export { Edit as EditSVG } from "./editSVG";
+export { Pdf as PdfSVG } from "./pdfSVG";
+export { Filters as FiltersSVG } from "./filtersSVG";
+export { DownFolder as DownFolderSVG } from "./downFolderSVG";
+export { UpFolder as UpFolderSVG } from "./upFolderSVG";
+export { Fox as FoxSVG } from "./foxSVG";
+export { Joystick as JoystickSVG } from "./joystickSVG";
+export { Ghost as GhostSVG } from "./ghostSVG";
+export { Image as ImageSVG } from "./imageSVG";
+export { Helicopter as HelicopterSVG } from "./helicopterSVG";
+export { Hospital as HospitalSVG } from "./hospitalSVG";
+export { Download as DownloadSVG } from "./downloadSVG";
+export { Light as LightSVG } from "./lightSVG";
+export { Lion as LionSVG } from "./lionSVG";
+export { Lobster as LobsterSVG } from "./lobsterSVG";
+export { Lock as LockSVG } from "./lockSVG";
+export { Pin as PinSVG } from "./pinSVG";
+export { Mobile as MobileSVG } from "./mobileSVG";
+export { Money as MoneySVG } from "./moneySVG";
+export { Monkey as MonkeySVG } from "./monkeySVG";
+export { Plane as PlaneSVG } from "./planeSVG";
+export { Radio as RadioSVG } from "./radioSVG";
+export { Sheep as SheepSVG } from "./sheepSVG";
+export { Rocket as RocketSVG } from "./rocketSVG";
+export { MoneyBag as MoneyBagSVG } from "./moneyBagSVG";
+export { Steps as StepsSVG } from "./stepsSVG";
+export { Bucket as BucketSVG } from "./bucketSVG";
+export { Van as VanSVG } from "./vanSVG";
+export { Signal as SignalSVG } from "./signalSVG";
+export { Connection as ConnectionSVG } from "./connectionSVG";
+export { Siren as SirenSVG } from "./sirenSVG";
+export { Snake as SnakeSVG } from "./snakeSVG";
+export { Sort as SortSVG } from "./sortSVG";
+export { Shuttle as ShuttleSVG } from "./shuttleSVG";
+export { Stars as StarsSVG } from "./starsSVG";
+export { Terminal as TerminalSVG } from "./terminalSVG";
+export { Store as StoreSVG } from "./storeSVG";
+export { Suitcase as SuitcaseSVG } from "./suitcaseSVG";
+export { Tags as TagsSVG } from "./tagsSVG";
+export { Masks as MasksSVG } from "./masksSVG";
+export { Turtle as TurtleSVG } from "./turtleSVG";
+export { Ufo as UfoSVG } from "./ufoSVG";
+export { Unlock as UnlockSVG } from "./unlockSVG";
+export { Coin as CoinSVG } from "./coinSVG";
+export { AlienUser as AlienUserSVG } from "./alienUserSVG";
+export { Astronaut as AstronautSVG } from "./astronautSVG";
+export { Robot as RobotSVG } from "./robotSVG";
+export { VideoCam as VideoCamSVG } from "./videoCamSVG";
+export { Wallet as WalletSVG } from "./walletSVG";
+export { Whale as WhaleSVG } from "./whaleSVG";
+export { Wifi as WifiSVG } from "./wifiSVG";
+export { DotFill as DotFillSVG } from "./dotFillSVG";
+export { SquareFill as SquareFillSVG } from "./squareFillSVG";
+export { Eclipse as EclipseSVG } from "./eclipseSVG";

package/src/components/icons/joystickSVG/index.tsx

@@ -0,0 +1,14 @@
+const Joystick = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m22.355,5.378c-.776-1.467-2.297-2.378-3.97-2.378H5.615c-1.673,0-3.194.911-3.97,2.377-.75,1.418-1.645,3.715-1.645,6.601,0,5.526,2.019,10.022,4.5,10.022,1.628,0,2.603-2.146,3.133-3.946.183-.62.771-1.054,1.432-1.054h5.87c.661,0,1.25.434,1.432,1.054.53,1.8,1.504,3.946,3.133,3.946,2.481,0,4.5-4.496,4.5-10.022,0-2.886-.895-5.183-1.645-6.6Zm-2.855,15.622c-.766,0-1.578-1.207-2.174-3.229-.307-1.042-1.29-1.771-2.391-1.771h-5.87c-1.101,0-2.084.729-2.391,1.771-.596,2.022-1.408,3.229-2.174,3.229-1.652,0-3.5-3.858-3.5-9.022,0-2.681.832-4.814,1.529-6.133.603-1.138,1.785-1.845,3.086-1.845h12.77c1.301,0,2.484.707,3.086,1.845.697,1.318,1.529,3.452,1.529,6.133,0,5.164-1.848,9.022-3.5,9.022Zm-10.5-11.5c0,.276-.224.5-.5.5h-1.5v1.5c0,.276-.224.5-.5.5s-.5-.224-.5-.5v-1.5h-1.5c-.276,0-.5-.224-.5-.5s.224-.5.5-.5h1.5v-1.5c0-.276.224-.5.5-.5s.5.224.5.5v1.5h1.5c.276,0,.5.224.5.5Zm7-1.5c0-.552.448-1,1-1s1,.448,1,1-.448,1-1,1-1-.448-1-1Zm0,2c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Zm4,0c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Zm-2,2c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z"
+      />
+    </svg>
+  );
+};
+
+export { Joystick };

package/src/components/icons/lightSVG/index.tsx

@@ -0,0 +1,14 @@
+const Light = () => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        fill="currentColor"
+        d="m17.063,3.257l1.671-3c.133-.242.439-.328.68-.193.241.134.328.438.193.68l-1.671,3c-.091.164-.262.257-.437.257-.083,0-.166-.021-.243-.063-.241-.134-.328-.438-.193-.68Zm6.895,2.028c-.112-.253-.406-.366-.659-.257l-3,1.321c-.253.111-.368.407-.257.659.083.188.266.299.458.299.067,0,.136-.014.201-.042l3-1.321c.253-.111.368-.407.257-.659ZM6.063,3.743c.091.164.262.257.437.257.083,0,.166-.021.243-.063.241-.134.328-.438.193-.68L5.266.257c-.134-.242-.439-.327-.68-.193-.241.134-.328.438-.193.68l1.671,3Zm-2.362,2.606l-3-1.321c-.251-.108-.547.003-.659.257-.111.252.004.548.257.659l3,1.321c.065.028.134.042.201.042.192,0,.375-.111.458-.299.111-.252-.004-.548-.257-.659Zm16.299,5.65c0,2.583-1.259,5.02-3.368,6.519-.396.282-.632.736-.632,1.215v1.267c0,1.654-1.346,3-3,3h-2c-1.683,0-3-1.377-3-3.136v-1.132c0-.478-.239-.934-.64-1.219-2.456-1.752-3.71-4.706-3.273-7.711.513-3.521,3.457-6.36,7.003-6.752,2.307-.256,4.527.45,6.245,1.987,1.693,1.517,2.665,3.689,2.665,5.962Zm-5,9v-1h-6v.864c0,1.218.859,2.136,2,2.136h2c1.103,0,2-.897,2-2Zm4-9c0-1.988-.85-3.89-2.332-5.217-1.301-1.164-2.931-1.783-4.658-1.783-.268,0-.538.015-.811.045-3.1.342-5.675,2.824-6.122,5.902-.383,2.632.714,5.22,2.863,6.752.454.324.771.787.933,1.301h2.627v-5.051c-1.14-.232-2-1.242-2-2.449,0-.276.224-.5.5-.5s.5.224.5.5c0,.827.673,1.5,1.5,1.5s1.5-.673,1.5-1.5c0-.276.224-.5.5-.5s.5.224.5.5c0,1.208-.86,2.217-2,2.449v5.051h2.626c.161-.513.475-.975.926-1.296,1.847-1.312,2.948-3.444,2.948-5.704Z"
+      />
+    </svg>
+  );
+};
+
+export { Light };